* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background-color: #fff;
	padding-top: 130px;
	font-family: Arial, Verdana, Tahoma, Lucida, 'Geneva CE', sans-serif;
	max-width:1280px;
	min-width:980px;
	margin:0 auto;
	background: url('/img/header-back.gif') #FFF 0 0 repeat-x;
}

#header, #navigation, #footer, #logo, #boxes .box h5 { font-family: Verdana, Arial, lucida, sans-serif; }

a {
	color:#0000FF;
}

img {
	border:0;
}

#text, #footer { position: relative; margin: 0 244px 0 224px; }

#logo { position: absolute; left: 0; top: 0;}

#logo, #logo a, #logo span {
	left:10px;
	top:16px;
	display: block;
	width: 142px;
	height: 84px;
	color: #000;
	cursor: pointer;
}

#logo a, #logo span { position: absolute; left:0; top:0; }

#logo a { text-decoration: none; overflow: hidden; color: #FFF; }
#logo span { background: url('/img/logo_c4.gif') 0 0 no-repeat; z-index: 3; }
#header {  position:absolute; top:0; width:100%; max-width:1280px; min-width:980px; margin:0 auto;}
#header_img { 
	position: absolute;
	background: url('/img/header-img.jpg') 0 0 no-repeat ; 
	display: block;
	width: 193px;
	right:10px;
	top:30px;
	height: 83px;
	z-index: 0;
}
#content { position:relative;  width: 100%;}

#text p  { margin: 0 0 10px 0; font-size: 0.8em; text-align: justify; }
#text pre { margin: 0 0 20px 0; background-color: #f2f2f2; padding: 10px; border: 1px dashed #888; font-family: monospace; overflow: auto; }
#text pre strong { color: #339933; }
#text table { margin: 0 0 20px 0; }
#text form { margin: 0 0 20px 0; }
#text td { font-size: 0.8em; }
#text th { font-size: 0.8em; font-weight: bold; }
#text ul { margin: 0 0 20px 30px; }
#text ol { margin: 0 0 20px 30px; }
#text li { font-size: 0.8em; text-align: left; line-height: 1.2; margin: 5px 0; }
#text strong { font-weight: bold; color: #333; }
#text h1 { margin:0; padding-top: 10px; border-bottom: 1px solid #555;  }
#text h1.h1_logo {margin-left: 70px; padding-top:10px; border-bottom: 1px solid #555;  }
#text .logo {float:left;}
#text .logo img { vertical-align: super } 
#text .h_logo {float:left; padding-top:10px;}
#text h1 { font-size: 2.0em; color: #333; font-weight: normal; }
#text h2 { margin: 30px 0 10px 0; font-size: 1.2em; color: #333; font-weight: normal; }
#text h2 a { color: #333; text-decoration: none; }
#text h2 a:hover { color: #333; text-decoration: underline; }
#text h3 { margin: 0 0 10px 0; font-size: 0.8em; color: #333; font-weight: bold; }
#text h4 { margin: 0; font-size: 0.8em; color: #333; font-weight: normal; text-decoration: underline; }
#text .nobr { white-space: nowrap; }
#text a:hover { text-decoration:none; }

#text h1.main_page { margin: 0 0 30px 0; }
#text h3.source { font-style: italic; font-weight: normal; color: #333; margin-bottom: 30px; }
#text h3.source_logo { font-style: italic; font-weight: normal; color: #333; margin-bottom: 30px; margin-left: 70px;}

#text .img_s { text-align: center; width: 402px; margin: 0 auto 20px auto; border: 1px solid #ddd; padding: 15px; background-color: #eee; font-size: 0.75em; }
#text .img_s img { border: none; border: 1px solid #ddd; }
#text .img_s_text { text-align: left; padding-top: 10px; }

#text .img_m { margin-bottom: 20px; }
#text .img_m img { border: none; }

#text .top_box {
	text-align:center;
}

#boxes {
	position: absolute;
	width: 204px;
	right: 10px;
	top: 10px;
}

#boxes p {
 margin:0;
 padding:0;
}
#boxes .box, #navigation .box  {
	margin-bottom: 30px;
}
#boxes .italic { font-style: italic; }
#boxes .box .box_content, #navigation .box .box_content {
	padding: 5px 5px 10px 5px ;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: url('/img/box-back.gif') no-repeat right top;
}
#boxes .box .box_table .box_content {
	padding: 5px 5px 10px 5px;
}
#boxes .box h5, #navigation .box h5 {
	margin: 0;
	padding: 5px 6px;
	font-size: 0.75em;
	line-height: 1.2;
	font-weight: normal;
	background-color: #ddd;
	background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0;
	border-top: 1px solid #555;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	white-space:nowrap;
}

#navigation { 
	position: absolute;
	width: 184px;
	left: 10px;
	top: 10px;
}

#navigation .box .box_blue h5, #boxes .box .box_blue h5 {
	padding: 5px 6px;
	background-color: #B50330;
	background: url('/img/box-top-blue.gif') #2e67a5 repeat-x 0 0;
	border-top: 1px solid #023E81;
	border-left: 1px solid #0F58B2;
	border-right: 1px solid #0F58B2;
	border-bottom: 1px solid #023E81;
	color: #f6f6f6;
}

#navigation .box .box_red h5, #boxes .box .box_red h5 {
	padding: 5px 6px;
	background-color: #B50330;
	background: url('/img/box-top-red.gif') #aa1f2e repeat-x 0 0;
	border-top: 1px solid #330000;
	border-left: 1px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660033;
	color: #f6f6f6;
}

#navigation .box  h5 {
	padding: 5px 6px;
	background-color: #ddd;
	background: url('/img/box-top-grey.gif') repeat-x 0 0;
	border-top: 1px solid #555;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	
}

#navigation ul li{
	list-style-type: none;
	padding-left: 10px;
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
	font-size: 0.75em;
	line-height: 1.4;
	margin: 5px 0 5px 7px;
}

#navigation .box_blue ul li {
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
}

#navigation .box_red ul li {
	background: url('/img/square-blue.gif') no-repeat 0% 0.7em;
}

#navigation ul li a  { color: #000; text-decoration: underline; font-size:1.1em; }

#boxes .box p { margin: 0;}
#boxes .box p, #boxes .box td.text { font-size: 0.75em; line-height: 1.4; }
#boxes .box div.submit { text-align: center; margin-top: 10px; }
#boxes .box input.submit { font-size: 0.75em; }
#boxes .box input.text { width: 80px; font-size: 0.75em; }
#boxes .box select { font-size: 0.75em; }
#boxes .box .title { display: block; font-size: 0.75em; margin: 10px 0 5px 0; font-weight: normal; }
#boxes .box .green { color: #008000; }
#boxes .box .blue  { color:#0000FF;}

#boxes .box a.no_decoration, #boxes .box h5 a { text-decoration: none; color: #000; }
#boxes .box .box_blue h5 a { text-decoration: none; color: #fff; }

#boxes .box a:hover.no_decoration, #boxes .box h5 a:hover { text-decoration: underline; color: #000; }

#boxes .box .box_blue h5 a, #boxes .box .box_blue h5 a:hover { color: #fff; }

#boxes .box .box_green .box_red .box_content a { text-decoration: underline; color: #000; }
#boxes .box .box_green .box_content a:hover { text-decoration: none; color: #000; }

#boxes .box_red h5 a { text-decoration: none; color: #fff;}
#boxes .box_red h5 a:hover { text-decoration: underline; color: #fff;}
#boxes .box_red a:hover.no_decoration {text-decoration: underline; color: #fff;}

#boxes ul li {
	list-style-type: none;
	padding-left: 10px;
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
	font-size: 0.75em;
	line-height: 1.4;
	margin: 5px 0 5px 2px;
}

#boxes ul li a { color: #000; text-decoration: underline; }
#boxes ul li a:hover, #navigation ul li a:hover { text-decoration: none; }

#footer { padding: 10px 0 0 0; }
#footer .footer_text { text-align: justify; font-size: 0.7em; color: #757575; padding: 5px 0 20px 0; border-top: 1px solid #555; }
#footer .footer_text a { color: #757575; }

hr, #hidden, .hidden { display: none; }

#text .error_win, #text .info_win  { font-size: 0.8em; margin-bottom: 20px; }

#text .error_win { border: 1px solid #555; padding: 10px; }
#text .error_win .error_title { color: #C03; }

#text .info_win { border: 1px solid #555; padding: 10px; }
#text .info_win .info_title { color: #000; }

#text table.standard  { border-collapse: collapse; border: 1px solid #AAA; }
#text table.standard th { padding: 10px 20px; border-bottom: 1px solid #AAA; background-color: #E0E0E0; }
#text table.standard td { padding: 7px 20px; border-bottom: 1px solid #AAA; }

#text table.changelog  { border-collapse: collapse; border: 1px solid #AAA; }
#text table.changelog th { padding: 5px 15px; border-bottom: 1px solid #AAA; background-color: #E0E0E0; }
#text table.changelog td { padding: 7px 15px; border-bottom: 1px solid #AAA; }

#text .tt { font-family: monospace, Monospace; }

#text p.old_article { padding: 10px; border-left: 10px solid #c00; }
#top_applications { overflow:hidden; }
#top_applications .box { width:auto; height:85px; float:left; text-align:center; display:block; margin: 0 10px 5px 10px;}
#top_applications .box a { font-size: 0.8em; }
#top_applications .box img { margin-top:6px; border:0 }

#categories .box_first { width:100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0; min-height:75px; margin:0px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .box { width:100%; border-bottom: 1px solid #CCC; padding: 10px 0; min-height:75px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .box_last { width:100%; height:5px; margin:0px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .logo { width:90px; height:70px;  float:left; text-align:center; display:block;}
#categories .logo img { border:0}
#categories .title { padding-bottom: 5px}
#categories .title a { font-size: 1.0em; font-weight:bold;  }
#categories .title a:hover { text-decoration:none; }
#categories .version { width:auto; float:right; margin:0;padding-right:10px; color:#333; font-size: 0.7em; font-weight:bold; }
#categories .description { font-size: 0.8em; overflow:hidden; width:auto; text-align:justify; padding-right:20px; }

#application h2 { margin-top:35px;font-size: 1.0em;font-weight:bold;}
#application .pictures { width:auto; overflow:hidden;  }
#application .pictures .img_a { float:left; text-align: left; width:226px; border: 1px solid #ddd; padding: 3px; background-color: #F7F7F7; font-size: 0.75em; margin-right:20px; margin-bottom:10px}
#application .pictures .img_a span{ margin-left:10px; }
#application .pictures .img_a img { margin: 2px; border: 1px solid #333; }
#application_info { overflow:hidden; margin: 30px 0 20px 0; padding:0 }
#application_info table {float:left; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-bottom:10px;margin-right:10px;}
#application_info table.first {margin-right:10px;}
#application table.book {float:left; width:140px;}
#application_info th { padding:4px; text-align:left; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#application_info td { padding:3px;}
#application table.book img{ border: 1px solid #333; margin:4px;}

#application .top_articles {border: 1px dotted #000; background-color:#FDF7C1; padding:10px 10px 10px 10px; margin-bottom:10px; overflow:hidden }
#application .top_articles ul {padding:0; margin:0}
#application .top_articles ul li { list-style-type:none; background: url('/img/top-arrow.gif') no-repeat 4px 2px; padding-left:20px;}
#application .references  { width:100%; overflow:hidden}
#application .references .img_r { float:left; text-align: center; width:226px; padding: 5px;border: 1px solid #ddd;background-color: #F7F7F7; font-size: 0.75em;margin:5px;}
#application .references .img_r img { margin: 2px;  border: 1px solid #333;}
#application .references p{ padding-left:10px; border-left: 10px solid #CCC; margin:5px; }
#application .ref_links { margin-left:260px;}
#application .ref_links_java { margin-left:300px;}
#application .references noscript{font-size: 0.8em;}

#article_app_info { float:right; width:150px; padding:5px; margin: 0 0 5px 20px; border: 1px dotted #000; background-color:#FDF7C1; font-size: 0.9em; }
#article_app_info ul { padding:0; margin:0 0 10px 20px;}
#article_app_info p { padding: 0 0 4px 0; margin:0; text-align:justify } 
#article_app_info .center { text-align:center } 

#upload {
  font-size:1.0em;
	margin-bottom:10px;
	padding:10px;
	overflow:hidden;
	height:auto;
	min-height:160px;
	
}
#upload p {
  font-size:1.0em;
  margin:0;
}

#upload table {float:left; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-bottom:10px;margin-right:10px;}
#upload table.first {margin-right:10px;}
#upload th { padding:4px; text-align:center; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#upload td { padding:5px; }

#text table.discussions  { border-collapse:collapse; margin-top: 15px; table-layout:fixed; width:100%;}
#text table.discussions th { padding: 5px 15px; background-color: #448142; color:#FFFFFF;}
#text table.discussions th.first { border-right: 1px solid #FFF; border-left: 1px solid #448142; }
#text table.discussions th.last { border-left: 1px solid #FFF; border-right: 1px solid #448142; }
#text table.discussions td { padding: 7px 15px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow:hidden; white-space:nowrap;}
#text table.discussions td.second { background-color:#E6F5E6; padding: 7px 15px; border-left: 1px solid #CCC; overflow:hidden; white-space:nowrap;}
#text table.discussions a { color:#000; }


#text table.screenshots { margin-top: 30px; padding:0 }
#text table.screenshots {border-left:1px solid #ccc;border-right:1px solid #ccc; margin-bottom:10px;}
#text table.screenshots th.first { padding:5px; text-align:center; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  }
#text table.screenshots th { padding:5px; text-align:center; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#text table.screenshots td { padding:10px; text-align:center;border-bottom:1px solid #ccc; }
#text table.screenshots td.first { padding:10px; text-align:center;border-bottom:1px solid #ccc; border-right:1px solid #ccc;vertical-align:middle}
#text table.screenshots td img { border: 1px solid #333;} 

#statistic form { margin:0; padding:0 }
#statistic table {margin:0; padding:0}
#statistic p { margin-top:15px;}

#text table.statistic  { border-collapse: collapse; margin-top: 15px; border: 1px solid #AAA;}
#text table.statistic th { padding: 4px 10px; background-color: #E0E0E0; text-align:left }
#text table.statistic td { padding: 6px 5px;  }

#text table.statistic_select  { border-collapse: collapse; margin-top: 15px; border: 1px solid #AAA;}
#text table.statistic_select th { padding: 4px 10px; background-color: #448142; color:#FFFFFF; text-align:left }
#text table.statistic_select td { padding: 6px 5px; }

#text table.statistic_table  { border-collapse: collapse; margin-top: 15px; margin-bottom:15px; border: 1px solid #AAA; min-width:500px }
#text table.statistic_table th { padding: 4px 10px; margin:0px; background-color: #A12443; color:#FFFFFF; text-align:left; border: 1px solid #AAA; }
#text table.statistic_table .center { text-align:center }
#text table.statistic_table td { padding: 6px 10px; border: 1px solid #AAA;}
#text table.statistic_table .pos { padding: 6px 20px 6px 0px; text-align:right}
#text table.statistic_table .select {  background-color:#F8EEE7; font-weight:bold;}
#text table.statistic_table .pos_select { padding: 6px 20px 6px 0px; text-align:right; background-color:#F8EEE7; font-weight:bold;}
#text table.statistic_table p.count { margin:0px 40px 0 0 ;padding: 0px; text-align:right; font-size:1.0em; }
.red { color:#A12443 }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
	 margin: 0;
    padding: 0;

}

.link-clip {
font-size:13px;


}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    position: absolute;
    top: 18px;
   left: -40px;
    margin: 0;
    padding: 0;
	
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
   width:226px;
   height:10px;

	
}

#slider {
	
	border: 1px solid #ddd;
	background-color: #F7F7F7;
	float:left;
	text-align:center
}
#slider img {
	border:1px solid #000;
	margin-right:30px;
}

.jcarousel-clip ul li {
	list-style-type:none;
}

.jcarousel-clip ul {
	height:185px;
	overflow:hidden;
}

.jcarousel-container-horizontal {
    width: 290px;
	height:210px;
    padding-top: 5px;
}


.jcarousel-clip-horizontal {
	position:absolute;
	left:34px;

	text-align:center;
    width: 226px;
    height: 200px;
}

.jcarousel-item img {
  	border: 1px solid #333;
	margin:0 10px;
	
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 75px;
    right: 2px;
    width: 27px;
    height: 78px;
    cursor: pointer;
    background: url('../img/right-arrow.gif') no-repeat 0% 0%;
}

.jcarousel-scroll {
    position: absolute;
    top: 100px;
    width: 224px;
    height: 200px;
	
}

.jcarousel-next-horizontal:hover {
 	background: url('../img/right-arrow-hover.gif') no-repeat 0% 0%;
}

.jcarousel-next-horizontal:active {
    background-position: -1px 0;
}


.jcarousel-prev-horizontal {
    position: absolute;
    top: 75px;
    left: 2px;
    width: 27px;
    height: 78px;
    cursor: pointer;
    background: url('../img/left-arrow.gif') no-repeat 0% 0%;
}

.jcarousel-prev-horizontal:hover {
	background: url('../img/left-arrow-hover.gif') no-repeat 0% 0%;
}

.jcarousel-prev-horizontal:active {
    background-position: 1px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	background: url('../img/left-arrow-disabled.gif') no-repeat 0% 0%;
}