





 

    


img {
	border-size: 0px;
}

img.social_net_symbol {
	border-size: 0px;
	vertical-align: middle;
}

.referencetable {
	font-size:1.2em;
}
.right_ad {
  margin: 10px;
}


body {
	margin: 0; padding: 0;
	background: #E0E0E0 url("../style/img/bkg_body.gif") repeat scroll 0 0;
	color: #333;
	font: 10px arial, sans-serif;
}

#topbg {
	position: absolute; top: 0; left: 0; z-index: -1;
	width: 100%; 
	height: 143px;
	background: #7093DE url("../style/img/bkg_top.png") repeat-x scroll 0 0;; 
}
	
.cleaner {
	clear: both;
	height: 1px; margin: 0;
	}
	
#main {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 13px 0 0 0;
}
	

	
#header {
	position: relative;
	width: 100%; height: 130px;
	background: #7093DE;
	background-image: url("../style/img/sky.png")
}

/* @group Header */

#hdr-overlay {
	position: absolute; top: -15px; right: 0px;
	width: 780px; height: 145px;
	background: url("../style/img/logo.png") top right no-repeat;
}
	
#header h1 {
	font-size:5.0em;
	font-weight:bold;
	left:40px;
	line-height:1.33;
	margin:0;
	position:absolute;
	top:60px;
	width:8em;
	color : #475D8D;
}

h1 {
	font-size:3.3em;
}

p {
	text-align: justify;	
	padding : 1px 2px 2px 4px;
	font-size: 1.2em;
	margin: 0.25em 0;
}

toolboxText {
	font-size: 1.2em;
}

#header h2 {
	position: absolute; top: 65px; right: 140px;
	margin: 0;
	width: 13.9em;
	font-size: 2.5em;
	line-height: 1.33;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	color: white;
}

#header .box {
	position: absolute; top: 6px;
	width: 75px; height: 25px;
	background: silver;
}

/* @end */

/* @group menu */

#menu {
	margin: 0; padding: 1px 0;
	list-style-type: none;
	height: 26px;
}
	

	
#menu a {
	position: relative;
	display: block;
	margin: 1px;
	height: 24px;
	font-size: 1.0em;
	line-height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #14357B;
	color: white;
}

#menu a:hover {
	background: #8EA8DE;
	color: #3F67BC;
}
	
#menu a span {
	display: block;
	position: absolute; top: 5px; left: 8px;
	width: 8px; height: 8px;
	background: #8EA8DE;
}

#menu a.sel {
	background: #3F67BC;
	color: white;
}




#menu li:first-child {
	float: left;
	margin: 0; 
	padding: 0;
	width: 16%;
}

#menu li {
	float: left;
	margin: 0; 
	padding: 0;
	width: 14%;
}

#menu li ul{	
	z-index:1000;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width: inherit;
}
		
#menu li ul li{
	float: none;
	display: inline;
	margin: 0; 
	padding: 0;
	width:inherit;
}

#menu li ul li:first-child{
	float: none;
	display: inline;
	margin: 0; 
	padding: 0;
	width:inherit;
}
		



/* @end */

/* @group side menu */

#sideMenu{
 margin-top:15px;
 margin-bottom:15px;

}

.side_menu_container{
	margin:auto auto 10px 10px;
	border :1px solid #3F67BC;
}

#side_menu  ul {

	margin: 0;
	padding: 0;

	list-style-position: inside;

}



#side_menu {

	margin: 0; 
	padding: 1px 0;
	list-style-type: none;
	width : 100%;
}
	
#side_menu li {
	margin: 0; 
	padding: 5px;

}
	
#side_menu a {
	display: block;
	font-size: 1.0em;
	text-decoration: none;
	text-transform: capitalize;
	text-align: left;
	color: #3F67BC;
}

#side_menu a:hover {
	background: #3F67BC;
	color: white;
}

#side_menu a span {
	display : inline-block;
	margin-right : 5px;
	top: 5px; 
	left: 8px;
	width: 8px; 
	height: 8px;
	background: #3F67BC;
}

.left_ad{
	margin-left:10px;
}


/* @end */

#page_content {
	padding: 1px;
	color: black;
	background: white;
}
	
	
.link {
	text-align: right;
}

.link a {
	font-weight : bold;
}
	
.rbox {
	float:left;
	margin: 10px;
	padding: 3px ;
	font-size: 1.0em;
	line-height: 1.2em;
	background: #8EA8DE;
	color : #14357B;
	border: 1px solid #3F67BC;
}

.pattern_name{
	float:right;
	font-size: 2.5em;
}

h2 {
	clear: left;
	margin: 0.5em 0 0.3em 0;
	font-size: 2.3em;
	line-height: 1.33;
	font-weight: bold;
	text-transform: capitalize;
	/*color:#7093DE*/;
}

h3 {
	clear: left;
	margin: 0.5em 0 0.3em 0;
	font-size: 1.9em;
	text-transform: capitalize;
	font-weight: normal;
	/*color:#7093DE;*/
}

h4 {
	margin: 0 0 0.3em 0;
	font-size:  1.8em;
	font-weight: bold;
	/*color:#7093DE;*/
}
	
h5 {
	margin: 0 0 0.3em 0;
	font-size:  1.6em;
	font-weight: bold;
}
	
ul {
	margin: 0 0 0 6em; padding: 0;
	list-style-type: square;
	list-style-position: inside;
}

p + ul , p + ol {
	color : black;
	font-size : 1.2em;
	margin: 0 0 0 1em; 
	
}

p + ul {
	list-style-type: disc;
	list-style-position: inside;
}
		
p + ul li{
	margin: 7px;
}

p + ul ol{
	margin: 7px;
}

#topBannerBar {
	width:99%; 
	height:67px;
	background-color : #14357B;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:5px;
}

#ads_bottom_block {
	width:100%; 
	height:30px;
	padding-left:130px;
}

#main_left {
	float :left;
	width: 20%;
	padding-left: 5px;
	padding-right: 9px;

}
	
#main_left dt {
	float: left;
	font-weight: bold;
}

#main_left dd {
	margin: 1em 0 1em 6em;
}

#main_center {
	float :left;
	width: 55%;
	padding-left: 5px;
	padding-right: 5px;
	padding: 0;
	margin: 3px; 
	margin-top: 0px;
	min-height:500px;
}

#main_center p {
	font-size: 1.2em;
}

#common_center {
	float:left;
	margin-left:0;
	padding:0;
	width:68%;
}

#common_center p {
	font-size: 1.2em;
}

#common_left {
	float : left;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#main_right , #common_right  {
	float : right;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#main_right , #common_right, #common_left{
	width: 20%;
	margin: 0 10px 0 0;
}



#main_right h3 span {
	display: inline-block;
	width: 9px; height: 9px;
	margin-right: 1em;
	border: 1px solid #14357B;
	vertical-align: middle;
	background : #8EA8DE;
}

.article {
	margin: 0px 0px 15px 15px;
	padding:5px;
}

.article p {
	font-size:1.2em;
	margin-top:10px;
}

.blank_separator{
	height : 20px;
}

.photo {
	float:left;
	width: 70px;
	margin: 2px;
	border: 0px;
}

.book {
	margin-top: 5px;
	margin-bottom: 5px;
	border : 1px dotted #8EA8DE;
	padding : 10px;
}


.dayBook {
  margin:10px;
}

.dayCover{
	border : 1px solid #E0E0E0;
	max-height:215px;
}

.cover {
	border: 0px;
	width: 120px;
	margin:10px;
	top: 15px;
	border : 1px solid #E0E0E0;
}

.shelf_cover {
	border: 0px;
	height: 100px;
	margin:5px;
	border : 1px solid #E0E0E0;
}

.shelf_book {
	float:left;
	margin: 2px;
	
}

.book_data {
	position:relative;
	top: -196px;
	left: 150px;
}

#foundation_java{
	width:49%;
	float:left;
	
}

#foundation_oo {
	width:49%;	
	float:right;
	border-left: 1px dotted #8EA8DE;
	padding-left: 10px;
}



	
td.legend + p {
  text-align:center;
}

#side_licence{
  margin: 15px;
  margin-top:25px;
}

button {
	float: right;
	margin: 15px 0 20px 0;
	width: 150px;
	height: 30px;
	background: #FFBF42;
	color: #A67515;
	border: 1px solid #BF9B55;
	text-align: center;
	font-size: 1.0em;
	line-height: 25px;
}


#footer {
	margin: 10px 0 10px 0;
	padding: 5px 0;
	border-top: 1px solid #8EA8DE;
	border-bottom: 1px solid #8EA8DE;
	background :  #14357B;
	color : #3F67BC
}

.middleheaven {
	float :left;
	width: 20%;
}

.footer_menu {
	float :left;
	width: 60%;
	text-align: center;
}
	
.footer_licence{
	margin:0px;
	float:right;
	width: 20%;
}

.footer_menu a {
	padding: 3px 5px;
	text-decoration:none;
	color : #FFBF42
}

.footer_menu a:hover {
	padding: 3px 5px;
	text-decoration:none;
	background :  #A67515;
	color : #FFBF42
}

.footer_menu a:visited {
	padding: 3px 5px;
	text-decoration:none;
	color : #FFBF42
}

#press_read_out .entry{
	border: 1px dotted #8EA8DE;
	padding: 10px;
	margin: 5px;
}

.sourceCodeDisplay .legend{
	font-size:1.0em;
	text-align:center;
}

.main_blogRoll {
	padding :10px;
	margin-top:40px;
	margin-left:7px;
}

.main_blogRoll .entry{
	margin-bottom: 2px;
	font-size:1.0em;

}

.main_blogRoll .entry a {
	color: black;
	font-weight: bold;
}


.main_blogRoll .entry span{
	position: relative;
	top:2px;
	margin-right:2px;
	background:  red;
	float : left;
	display: block;
	width: 8px; height: 8px;
	
}

.main_blogRoll .entries{
	position: relative;
	border: 1px dotted #8EA8DE;
	
	top:-100px;
	padding:10px;
	padding-top:40px;
	padding-left:20px;
}

.main_blogRoll .title h4{
	position: relative;
	top:-33px;
	left:45px;
}

.main_blogRoll .title img{
	position: relative;
	width:48px;
	z-index:20;
}

.main_blogRoll .title {
	position: relative;
	top:-30px;
	left:-25px;
}

#twitter_roll {
	position: relative;
	top:-100px;
}

#ad_main_left{
	margin-left:20px;
}

.flip_box {
	color: black;
	background: white;
}

h1 a {
	color:inherit;
	text-decoration:none;
}

h1 a:hover {
	color:inherit;
	text-decoration:none;
}

h1 a:visited {
	color:inherit;
	text-decoration:none;
}

h2 a {
	color:inherit;
}

h2 a:hover {
	color:inherit;
}

h2 a:visited {
	color:inherit;
}

h3 a {
	color:inherit;
}

h3 a:hover {
	color:inherit;
}

h3 a:visited {
	color:inherit;
}

h4 a {
	color:inherit;
}

h4 a:hover {
	color:inherit;
}

h4 a:visited {
	color:inherit;
}

h5 a {
	color:inherit;
}

h5 a:hover {
	color:inherit;
}

h5 a:visited {
	color:inherit;
}

a {
	text-decoration :none;
	color:#14357B;
}

a:visited {
	text-decoration :none;
	color:#14357B;
}

a:hover {
	text-decoration : underline;
	color:#14357B;
}

.sider {
	  width: 200px;
	  z-index:200;
	  margin-bottom:10px;
	  border :1px solid #3F67BC;
}

#center_home .sider {
 	  margin:10px;
	  width: 244px;

}

.side_menu_title {
      background-color: #14357B;
      width:100%;
      color:white;
}

.sider .title {
      background-color: #14357B;
      width:100%;
      color:white;
      font-size: 1.9em;
}

.title a {
      color:white;
}

.sider .entry {
   font-size: 1.0em;
   text-align: justify;	
   padding:7px;
   
}
.pathSeparator {
 color:orange;
}

.leftsearchbox{
	float:left;
}

.rightsearchbox{
	float:right;
}

.searchbox {
  background-color: #14357B;
  color:white;
  height:24px;
}

.searchbox input[type=text] {
   height:12px;
   font-size:0.9em;
}

.searchbox input[type=password] {
   height:12px;
   font-size:0.9em;
}

.searchbox input[type=submit] {
   height:19px;
   font-size:0.9em;
}

.searchbox img {
  vertical-align:middle;
}


.clickable{
 cursor:pointer;
}

.form {
	margin:51px;
}

.form fieldset{
	width:300px;
	border: 1px solid #14357B;
}

.form label{
	clear:both;
	width:132px;
	float:left;
}

.form  input{
	width:200px;
	float:left;
}

.form input[type=submit] {
   margin-top:10px;
}


.form .invalidmessageBox {
    background-color: #FFBF42;
    color: black;
    font-size : 1.0em;
}

#center_home {
	margin: auto;
}

.entry a {
	text-decoration:none;
	color:inherit;
}	

p.category_abstract {
	margin-bottom:5px;
}

.pattern {
	font-weight : bold;
}

.ilustration {
  max-width: 525px;
}

#topInteractions {
 width: 100%;
 height:28px;
 background-color : white;
}

#topInteractions  a {
	color : white;
	font-weight: normal;
}

.pageTitle {
	font-weight:bold;
}

.shopButton {
	height:28px;
	width:120px;
	color:white;
	font-weight : bold;
	font-size: 1.9em;

	text-align:center;
	color:white;
	border-style:outset;
	border-color : navy;
	padding-left:10px;
	padding-right:10px;
}


.keyword{
 	color:navy;
 	font-weight:bold;
}

.searchKeywords{
	color :#14357B;
}

#searchPad {
	border: 1px solid #14357B;
	padding: 3px;
	margin-top:20px;
}



form, table {
	font-size: 1.2em;
}

.form p {
	font-size: 1.2em;
}

th {
	background-color: #14357B
	color : white;
}

.articleCase {
	border:1px solid #14357B;
	margin-bottom:7px;
	padding:5px;
}

.articleCase img {
	align:right;
	vertical-align:bottom;
}

.articleCase:hover {
	background: #8EA8DE;
	border:1px solid #14357B;
	margin-bottom:7px;
	padding:5px;
	cursor:pointer;
}