﻿/* Global Reset for Cross-browsers */
html, body, div, span, table, tr, th, td, h1, h2, h3, p, ul, li, form, textarea, input, select { margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
select { font-size:8pt}
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left;	font-weight:normal; }

:focus { outline:0; }


/* Initial Setup */
body {  font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	line-height:17px;
}

#container {  
  width:960px;	
  padding:10px;
  margin:0px auto ; 
  
  /*z-index:1;*/
  overflow:hidden;
  min-height:1100px;
  /*position:relative;*/
}

h1 {font-size:120%; font-weight:bold;}
a.small { font-size:90%; font-weight:normal;}

div#switcher-wrapper {
  width:270px;
  height:70px;
  border:solid 1px #ccc;
  padding:4px;
  float:right;  
}

div#switcher {
  height:60px;
  background:#D1D1D1;
  padding:6px 3px 3px 12px;
  border:solid 1px #ccc;
}

div#switcher a {
  color:#000;
  text-decoration:none;
  display:block;
  font-weight:bold;
  font-size:11px;
  /*position:relative;
  top:6px;*/
}

div#switcher select {
  width:190px;  
}

table.breadcrump td {padding:5px 0 0 15px}
table.breadcrump td  a {font-size:8pt}

a, a:visited { color:#287abf; }
a:hover, a:active { color:#287abf; text-decoration:none }
img { border:0; }

/* Containers */
#top { float:left; width:100%; font-size:95%; font-weight:bold; border-bottom:0px solid #3c78bd; }
#mid { /*float:left; width:100%; line-height:20px; font-size:80%; font-weight:bold; color:#fff; 
		background:url(/images/bg-mid.jpg) #000 repeat-x; border-bottom:1px solid #cfc9e2; */
		background-color:#fff;
		background-image:url(/images/top-border.png);
		background-position:0px 0px;
		background-repeat:repeat-x;
		width:100%;
		float:left;	
}

/* Landing Classes */
.pageTitle h1 {color:#287abf; padding:28px 5px 8px 15px; line-height:18px; font-size:13px; }


/*#mid {background-image:url(/images/top-border.png);	background-position:0px 0px;	background-repeat:repeat-x;	width:100%;	float:left;	}*/
#content { margin-top:-1px; float:left; width:100%; font-size:80%; font-weight:bold; color:#000; background:url(/images/bg-content.jpg) repeat-x; }
#content2 { float:left; width:100%; font-size:80%;  color:#000; padding-left:0px; }
#bottom { float:left; width:100%; font-size:75%;padding-top:40px; font-weight:bold; color:#fff; background:#3C78BD url(/images/footer-bg.jpg) repeat-x left top;}
#bottom a, #bottom a:visited { text-decoration:none;color:#fff; }
#bottom a:hover { color:#ffcc00; }
#footer { min-height:82px; /*background:url(/images/bg-bottom.gif) top left repeat-x;*/  background:url(/images/flourish.png) no-repeat center ; }
#sub-footer { min-height:110px; font-size:80%; color:#666; background:url(/images/bg-sfooter.jpg) #fff top left repeat-x; }
#sub-footer a, #sub-footer a:visited { padding-right:6px; text-decoration:underline; color:#666; }
#sub-footer a:hover { text-decoration:underline }
#footer a:hover { text-decoration:underline; color:white }

/* Global Classes */
.smallText { margin-top:15px; font-size:10px }
.split { border-right:1px solid #ccc; }
.end { border-right:none; }
.contentContainer { padding-bottom:0px; float:left; width:100%; min-height:400px; /*background:url(/images/bg-contentContainer.jpg) bottom right repeat-x;  border-bottom:1px solid #ccc;                  */ }
.contentContainerSearch { padding-bottom:0px; float:left; width:100%; background:url(/images/bg-contentContainer.jpg) bottom right repeat-x;  border-bottom:1px solid #ccc; }
/*new button .rsbtn, .button { margin:0; padding:0px; width:39px; height:21px; border:0px; vertical-align:bottom; background:url(/images/go_button.jpg) no-repeat top;  cursor:pointer ;}*/
.rsbtn, .button { margin:0; padding:3px 9px 3px 9px; font-size:13px; font-weight:bold; color:#FFF; border:0px #1f54bc; background:url(/images/bg-button.gif) #0071e1 top left repeat-x; }
.line { border-bottom:1px solid #d9d9d9; }

/* Classes for top right Search, Log, etc in area */
.searchLogin { margin:10px 0px 0 0; float:right; background:#fff; height:30px; width:600px; }
.searchLogin a, .searchLogin:visited {font-size:8pt; padding:5px 10px 0 16px; float:right; display:block; line-height:20px; text-decoration:none; color:#287abf; }
.searchLogin a:hover { color:#287abf; text-decoration:underline}
.searchLogin a.on, .searchLogin a.on:visited { color:#234163;  }


/* Classes for Menu */
.menu {	float:right; vertical-align:bottom;}
.menu ul { float:right;	list-style:none; }
.menu ul li { float:right; display:block; line-height:30px; }
.menu ul li a, .menu ul li a:visited { font-size:8pt; margin-top:0px; padding:10px 10px 0 10px; float:left; color:#287abf; text-decoration:none; }
.menu ul li a:hover { color:#287abf; text-decoration:underline}
.menu ul li a.on, .menu ul li a.on:visited { color:#234163;  }


/* Classes for Footer */
.copyright { margin:0px 10px 10px 35px; float:left; }
.footer { margin:0px 0px 10px 140px;  }
.footer a, .footer a:visited { padding:0 5px; float:right; display:block; }
.logo { margin:40px 10px 10px 35px; float:left; }
.developer { margin:60px 10px 10px 83px; float:left; }


/* Homepage Classes */
.banner { float:left; background:url(/images/banner.gif) top left no-repeat; width:326px}
.subscribe { padding:0 15px 0 420px; float:left; min-height:279px; background:url(/images/image-subscribe.jpg) top left no-repeat; }
.subscribe table { color:#fff; width:650px; font-weight:bold; }
.subscribe h1 {	margin-top:30px; color:#66aff0; }
.subscribe p { margin:20px 0 10px 0; }
.text {	padding:8px 10px 0 420px; float:left; position:relative; width:175px; min-height:279px; background:url(/images/bg-graphic.png) top left no-repeat; }
.text h1 { font-size:110%; color:#fff; }
.text p { margin:25px 0 10px 0; }
/*.skype { margin:20px 130px 0 0;	font-weight:bold; color:#999; float:right }
.skype img { margin-top:10px; }*/

a#skype {
  display:block;
  width:257px;
  height:33px;
  position:relative;
  background:url(/images/skype.png) no-repeat 0px 0px;
  float:left;
}

a#skype span {
  display:block;
  width:257px;
  height:33px;
  position:absolute;
  top:0px;
  left:-4000px;
}

span.affiliations {
  display:block;
  float:left;
  clear:left;
  height:80px;
  width:370px;
  margin:12px 0 0 0;
  overflow:hodden;
}

span.affiliations a {
  display:block;
  float:left;
  height:85px;
  margin-left:6px;
  width:177px;
}

span.affiliations a:hover {
  background-position:0% 100%;
}




/* Homepage Containers */


/*
#charts { margin:0px 0 0 0; float:right; width:310px; font-size:11px; font-weight:bold; }
#charts ul.chartslinks { margin:0; padding:0; height:41px; }
#charts ul.chartslinks li { float:left; display:block; text-align:center; height:35px; width:100px; padding:2px 5px 0 5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/chartOffNew.gif) repeat-x;  }
#charts ul.chartslinks li a, #charts ul.chartslinks li a:visited  { color:#999; text-decoration:none; font-size:9px;}
#charts ul.chartslinks li a:hover  {float:left; display:block; text-align:center; height:27px; padding:2px;  color:#287bbf; background:url(/images/chartOnNew.gif) repeat-x; border-bottom:1px solid #fff; }
#charts ul li.chartslinksAktiv{float:left; display:block; text-align:center; height:31px; padding:2px 5px 0 5px; background:url(/images/chartOnNew.gif) repeat-x;border-bottom:1px solid #fff; }
#charts ul li.chartslinksAktiv a { color:#287bbf; text-decoration:none;  }
#charts #chart2 table { margin:0; padding:0; float:left; width:250px; }
*/
#charts { float:right; width:355px; }
#charts ul.chartslinks { height:36px; float:right; padding-right:15px; line-height:13px;}
#charts ul.chartslinks li {float:left; height:36px; display:block; width:110px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/chartOffNew.gif)}
#charts ul.chartslinks li a, #charts ul.chartslinks li a:visited  { color:#999; text-decoration:none; font-size:9px; }
#charts ul li.chartslinksAktiv a { color:#287bbf; text-decoration:none;  }
#charts ul li.chartslinksAktiv{background:url(/images/chartOnNew.gif) repeat-x;border-bottom:1px solid #fff; }
#charts ul.chartslinks li #liText { height:31px; font-size:9px; text-align:center; vertical-align:middle; padding:5px 5px 0 5px; }




/* Search Classes */
.searchText {  padding:15px 15px 60px 15px; }
#search { margin:-35px 0 0 0px; float:left; position:relative; width:100%; font-weight:bold; }
#search ul.searchTabs { margin:0; padding:0 0 0 250px; }
#search ul.searchTabs li { width:150px; text-align:center; float:left; display:block; line-height:33px; border-top:1px solid #ccc; border-left:1px solid #ccc; background:url(/images/chartOff.gif) repeat-x; }
#search ul.searchTabs li.searchlinksAktiv {  border-bottom:1px solid white; background:url(/images/chartOn.gif) repeat-x;}
#search ul.searchTabs li a {  text-decoration:none; color:#999; }
#search ul.searchTabs li.searchlinksAktiv a { color:#287bbf; }
#search ul.searchTabs li a:hover  { color:#287bbf;   }
#search h1 { padding:10px 0 5px 0; font-size:140%; color:#0058be; }
#search table { margin:15px 5px 0 0px;  }
#search table p { margin:10px 0 12px 0;  }
/*#search th { padding:0px 5px 0 0; width:100px; font-weight:bold; text-align:right; vertical-align:top; }*/
#search th.label { padding:0px 5px 0 0; width:130px; font-weight:bold; text-align:right; vertical-align:top; font-size:8pt }
#search td { padding:0 5px 10px 0;  }
#search td select { width:300px; }
#search td.indent { width:400px; padding-left:35px;font-size:95%; font-style:italic; font-weight:normal; color:#3c6285; vertical-align:middle; background:url(/images/bg-notation2.gif) left center no-repeat; }
 /* #search div { width:1100px; } */
#search div p { margin-bottom:10px; font-size:85%; }
#search span.searchTips { margin:8px 0 0 15px; float:left;}

/* Search Criteria Table */

#SearchCriteria { width:100%; background:url(/images/bg-archiveNote.gif) #f3f3f3 repeat-x;}

#SearchCriteria td.theType {  padding:3px 5px 3px 15px;  font-weight:bold; color:black; text-align:right; vertical-align:top; }
#SearchCriteria td.theType2 { padding:3px 5px 3px 0;    color:black; vertical-align:middle;}
#SearchCriteria .link { font-size:8pt}

/* Tableau Classes */
#tableau { margin-left:0px; min-height:350px; padding:10px 5px 10px 0; font-size:90%; }
#tableau p { margin-top:10px; margin-bottom:12px; }
#tableau select { width:150px; }
#tableau input.buttonImage { margin:0 0 0 0; }
#tableau h1 { padding:10px 0 5px 0; font-size:120%; color:#3c78bd; }
#tableau table { margin:5px 5px 0 0; width:100%; }
#tableau table.colTable { margin:0; padding:0; width:99%; font-weight:normal; color:#000; }
#tableau table.colTable td { padding:7px 3px 7px 5px; font-weight:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/bg-split.gif) right center no-repeat; vertical-align:top; }
#tableau table.colTable td.end { padding:7px 3px 7px 5px; background:#fff; }
#tableau table.colTable tr.alt td { padding:2px 3px 2px 5px; border-top:5px solid #ffffe6; border-bottom:5px solid #ffffe6; background:url(/images/bg-split.gif) #ffffe6 right center no-repeat; }
#tableau table.colTable tr.alt td.end { padding:2px 3px 2px 5px; border-top:5px solid #ffffe6; border-bottom:5px solid #ffffe6; background:#ffffe6; }
#tableau table.colTable strong { padding-right:3px; font-weight:bold; color:#3c78bd; }
#tableau table.colTable td.endAll { border-top:1px solid #ccc; border-bottom:none; padding:7px 3px 7px 5px; background:#fff; }
#tableau tr { margin:0; padding:0; }
#tableau tr td { padding:9px 5px 7px 0; font-weight:normal; vertical-align:top; }
#tableau tr td.checkbox { padding:5px 5px 5px 10px; width:20px; vertical-align:top; }
#tableau tr td.colNumber { padding:9px 0 0 5px; font-weight:bold; }
#tableau tr td.line { padding:0; border-bottom:1px solid #d9d9d9; }
#tableau tr td.break { padding:0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
#tableau tr td.intagible { width:325px; }
#tableau tr td.territory { width:100px; }
#tableau tr.alt { background:#ffffe6; }
#tableau tr.alt td { padding:9px 5px 7px 0; font-weight:normal; vertical-align:top; }
#tableau tr.alt td.checkbox { padding:5px 5px 5px 10px; width:20px; vertical-align:top; }
#tableau tr.alt td.colNumber { padding:9px 0 0 5px; font-weight:bold; }
#tableau tr.alt td.intagible { width:325px; }
#tableau tr.note td { padding:5px 5px 5px 10px; font-size:95%; background:url(/images/bg-archiveNote.gif) #f3f3f3 repeat-x; }
#tableau tr.note span { font-style:italic; font-weight:normal; color:#287abf; }
#tableau tr.sic td { padding:5px 5px 5px 10px; font-size:110%; background:url(/images/bg-archiveNote.gif) #f3f3f3 repeat-x; }
#tableau tr.sic span { font-style:italic; color:#287abf; }
#tableau th { font-weight:bold; }
#tableau th select { margin-left:8px; }
#tableau th.sort { padding:10px 5px 10px 10px; font-weight:bold; border-bottom:1px solid #e5e5e5; background:url(/images/bg-archiveTH.gif) #fff repeat-x; }
#tableau th.checkbox { padding:5px 5px 5px 10px; width:20px; vertical-align:top; }
#tableau th.details { padding:7px 5px 5px 5px; width:70%; }
#tableau th.licensed {  padding:7px 5px 5px 10px; width:30%; }
#tableau th.view { padding:7px 5px 5px 10px; width:75px; }
#tableau td { padding:5px 5px 15px 3px; font-weight:bold; }
#tableau td.tips { margin:50px; border:1px solid #feec6d; background:url(/images/bg-tips.gif) #ffffdd repeat-x; }
#tableau td.tableau-left { width:49%; text-align:left; vertical-align:top; }
#tableau td.tableau-right { text-align:right; }
#tableau td.tableau-right form { float:right; }
#tableau td.tableau-right span a { margin:5px 0 0 0; float:right;padding:0 10px; font-size:8pt; }
#tableau td.checkbox { padding:5px 5px 5px 10px; width:20px; vertical-align:top; }
#tableau td.details { padding:0; color:#3c78bd; vertical-align:top; }
#tableau td.details div { float:left; }
#tableau td.details div.colNumber { padding:7px 5px 7px 0; }
#tableau td.details div.details { float:left; width:97%; }
#tableau td.licensed { padding:0 10px 5px 10px; font-weight:normal; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:top; }
#tableau td.view { padding:0 5px 5px 10px; font-weight:normal; font-style:italic; color:#3c78bd; text-align:center; vertical-align:top; }
#tableau td.view a { font-size:85%; text-decoration:none; }
#tableau div.col1 { padding:10px 0 0 60px; float:left; width:150px; background:url(/images/bg-disk.gif) center left no-repeat; }
#tableau div.col2 { padding:10px 0 0 0; float:left; width:560px; font-size:95%; }
#tableau div.col2 strong { color:#3c78bd; }
#tableau div.col3 { float:right; }
#tableau div.col3 input { margin:0; padding-right:8px; font-size:95%; font-weight:normal; border:none; background:url(/images/button-close.gif) center right no-repeat; }


/* Log in Classes */
.login { padding:10px 5px 10px 15px; }
.login p { margin-bottom:12px; }
.login p.newUser { font-size:130%; }
.login h1 { padding:10px 0 5px 0;  color:#0058be; }
.login table { margin:15px 5px 0 55px; }
.login th { padding:0 5px 18px 0; font-weight:bold; text-align:right; }
.login td { padding:0 5px 15px 0; font-weight:bold; }
.login span {  padding:15px 5px 15px 30px; line-height:26px; font-style:italic; font-weight:normal; color:#3c6285; background:url(/images/bg-notation.gif) left center no-repeat; }


/* Archive Classes */
.archive { margin-left:0px; padding:10px 5px 40px 0; line-height:18px;}
.archive p { margin-bottom:12px; }
.archive table { }
.archive table th.listing {  color:#287abf; }
.archive table th.archiveDescription { width:300px; }
.archive table td.folder { width:30px; text-align:center; }
.archive table td.name {  width:120px; font-weight:bold; text-align:left; }
.archive tr.alt { background:#ffffe6; }
.archive tr.note td { padding:5px 5px 5px 10px; background:url(/images/bg-archiveNote.gif) #f3f3f3 repeat-x; }
.archive tr.note span { font-style:italic; color:#287abf; }
.archive th { padding:0 5px 0 10px; width:150px; line-height:36px; font-weight:bold; border-bottom:1px solid #ccc; background:url(/images/bg-archiveTH.gif) #fff repeat-x; }
.archive td { padding:12px 5px 12px 10px; border-bottom:1px solid #ccc; }


/* for pdf printing */
.pdfText1 { font-size:110%; }
.pdfText2 { font-size:90%; }
.pdfText3 { font-size:70%;}
.pdfText4 { font-size:50%; }

/* buttun */
.clear { /* generic container (i.e. div) for floating buttons */
	/*margin: .3em;*/
	overflow: hidden;    
}
.rs-button {
	background: transparent url("/images/rs_btn_right.png") no-repeat scroll top right;
	display: block;
	float: left;	
	height: 22px; /* height must equal line height + padding top and bottom */
	padding-right: 7px;
	text-decoration: none;
}
.rs-button:hover{color:#ffffff; text-decoration:underline;}
.rs-button:visited{color:#ffffff; }
.rs-button span {
	background: transparent url("/images/rs_btn_left.png") no-repeat;
	display: block;
	line-height: 1px;
	padding: 10px 7px 11px 15px;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	font-style:normal;
}
.rs-button:active {
	background-position: bottom right;
	color: #ffffff;
	outline: none;
}
.rs-button:active span {
	background-position: bottom left;
	padding: 11px 7px 10px 15px; /* push text down 1px */
	color: #ffffff;
	height:1px;
}

.rs-button-grey:visited {
	color: #287BBF;
}
.rs-button-grey img {
	border-width: 0px;
	margin: -2px 5px 0 -5px;
	vertical-align: middle;
}
.rs-button-grey.with-icon span {
	padding: 7px 20px 5px 20px;
	
}
.rs-button-grey {
    background: transparent url("/images/rs_btn_right_grey.png") no-repeat scroll top right;
    color: #287BBF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding-right: 7px;
    text-decoration: none;
}
.rs-button-grey span {
    background: transparent url("/images/rs_btn_left_grey.png") no-repeat;
    display: block;
    line-height: 6px;
    padding: 10px 20px 10px 20px;
}
.rs-button-grey:active {
    color: #666666;
    outline: none;
}

a.css3button {
	font-family: Verdana;
	font-size: 9pt;
	color: #ffffff;
	margin-top:-1px;
	font-weight:bold;
	padding: 0px 8px 1px 8px;
	text-decoration:none;
	
	background: #397bbd;		
	background: -moz-linear-gradient(top,#397bbd 0%,#9ccef7);
	background: -webkit-gradient(linear, left top, left bottom, from(#397bbd),to(#9ccef7));					
	background: -o-linear-gradient(#397bbd, #9ccef7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#397bbd', endColorstr='#9ccef7'); /* for IE */
	zoom:1;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #5B98D1;
	
	-moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:0px -1px 0px rgba(000,000,000,0.4),	0px 1px 0px rgba(255,255,255,0.3);	
}

a.css3button:hover {
	background: -moz-linear-gradient(top,#9ccef7 0%,	#397bbd);
	background: -webkit-gradient(linear, left top, left bottom,from(#9ccef7),to(#397bbd));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ccef7', endColorstr='#397bbd'); /* for IE */
	zoom:1;
	color:#ffffff
}

