/* Kwarc Custom 
   CSS Document 
*/

@import url(wsml.css);

/* CSS Document */

/*change: font-size*/
body {
    background: #0a1223;
}

div#topnav {
    background: #fff;
}

div#topleft {
    background-image: url(images/quarkLogo.jpg);
}

div#topright {
    background-image: url(images/logoHeader.jpg);
}

div#toprightEmpty {
    background-image: url(images/logoHeaderLarge.jpg);
}

div#topNavi {
    background: #fff;
}

#topNavi ul li a { 
    color: #29406e; 
}

#topNavi ul li a:hover { 
    color: #444; 
}

#topNavi .left { 
    border-right-color: #ccc; 
}

#topNavi .regular { 
    border-right-color: #ccc;
}


div#content { 
    background: #001338 url(images/navi.jpg) no-repeat;
}

/* left side */

div#leftContainer {
    background:#FFFFFF;
}

#leftNavi ul li a { 
    color: #fff; 
    background: url(images/pointedLine.png) no-repeat left bottom;
}

#leftNavi ul li a:hover { 
    color: #84c0ff;
}

#leftNavi .selected {
    color: #84c0ff;
    background: url(images/pointedLine.png) no-repeat left bottom;
}

#leftNavi .sibling {
    color: #fff; 
    background: #00FFFF; 
}

#leftNavi .header { 
    color: #888; 
}
	
#leftNavi .header a { 
    color: #888; 
}

#leftNavi .header a:hover { 
    color: #ccc; 
    background: none; 
}

div#main {
    background: #fff;
}

div#mainExpanded {
    background: #fff;
}

/*breadcrumbs style*/

div.breadcrumbs { 
    color: #444;
    font-size: 13px;
    font-family: "Lucida Grande", Tahoma, Helvetica;
}
div.breadcrumbs a { 
    color: #0066e8;
}

div.breadcrumbs a:hover {
    color: #444;
}

/*change: added*/
.main title {
    font-size: 15px;
}

/*change: font-size reduced, font-family changed*/
.main p {
    font-family: "Lucida Grande", Tahoma, Helvetica;
    color: #444;
    /*margin: top right bottom left*/
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 15px;
}

.main p#note {
    font-size: small;
    font-style: italic;
    margin-bottom: 0px;
}

.main p#author {
    font-size: small;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0px;
}

.main p#codeblock {
    color: black;
    font-family: 'lucida console', 'Courier New', monospace;
    border: 1px solid rgb(170, 170, 170);
    background-color:#EEE;
    padding: 0 2px;
}

.main p#codeline {
    color: black;
    font-family: 'lucida console', 'Courier New', monospace;
    border: 1px solid rgb(170, 170, 170);
    background-color:#EEE;
    padding: 0 2px;
    text-align: left;
}

.main p a { 
    color: #0066e8;
}

.main p a:hover {
    color: #444;
}

/*change: sets the top-margin for all dl elements*/
.main dl { 
    margin-top: 10px;
    color: #444; 
}

/*change: sets the font size, weight, and color for all content in dt*/
.main dt { 
  font-size: 15px;
  font-weight: bold;
  color:#666666; 
}

/*change: sets the font size for all content in dd*/
.main dd {
  padding-bottom: 20px;
  font-size: 15px;
}

.main dl a {
    color: #0066e8;
}

.main dl a:hover {
    color: #444;
}

.main address {
    color: #444;
    font-size:13px;
    /*margin: top right bottom left*/
    margin: 10px 0 0 0;
}

.main address a {
    color: #0066e8;
}

.main address a:hover {
    color: #444;
}

/*student-project table*/
.main table.project {
    font-family: "Lucida Grande", Tahoma, Helvetica; 
    vertical-align:top;
    color: #444;
    border: 1px;
    /*margin: top right bottom left*/
    margin: 10px 0 10px 0;
}

.main table.project td {
    /*padding: top right bottom left*/
    padding: 5px 15px 5px 15px;
    background: #e6e6e6;
    vertical-align:top;
}

.main table.project td.td1 {
    width: 100px;
}

.main table.project td.td2 {
    width: 700px;
}

.main dl.overview {
    background-color: #e6e6e6;
}

/*readmap table*/
.main table.roadmap {
    font-family: "Lucida Grande", Tahoma, Helvetica; 
    vertical-align:top;
    color: #444;
    border: 1px;
    margin: 10px 0 10px 0;
}

.main table.roadmap td.heading {
    background: #a69494;
    font-weight: bold;
}

.main table.roadmap td {
    padding: 5px 15px 5px 15px;
    background: #e6e6e6;
    vertical-align:top;
}

/*event table*/
.main table.event {
    font-family: "Lucida Grande", Tahoma, Helvetica; 
    vertical-align:top;
    color: #444;
    border: 1px;
    /*margin: top right bottom left*/
    margin: 10px 0 10px 0;
}

.main table.event td {
    /*padding: top right bottom left*/
    padding: 5px 15px 5px 15px;
    background: #e6e6e6;
    vertical-align:top;
}

.main table.event td.td1 {
    width: 120px;
}

.main table.event td.td2 {
    width: 500px;
}

.main table.event td.headingtd1 {
    background: #a69494;
    font-weight: bold;
    width: 120px;
}

.main table.event td.headingtd2 {
    background: #a69494;
    font-weight: bold;
    width: 500px;
}

.main table.event_break td {
    /*padding: top right bottom left*/
    padding: 5px 15px 5px 15px;
    vertical-align:top;
}

.main table.event_break td.td1 {
    width: 120px;
}

.main table.event_break td.td2 {
    width: 500px;
}

/*nmueller's table; change: added border and color*/
.main table#person {
    font-family: "Lucida Grande", Tahoma, Helvetica; 
    /* font-size:0.73em; */
    vertical-align:top;
    color: #444;
    /*width: 70%;*/
    border-collapse: collapse;
    border: 0;
}

/*change: added padding*/
.main table#person td {
    vertical-align:top;
    /*padding: top right bottom left*/
    padding: 0 15px 0 0;
}

/*change: added color*/
.main table#features {
    margin-top: 15px;
    vertical-align:top;
    width: 100%;
    color: #444;
    border-collapse: collapse;
}

.main table th#features-cmd-header {
    text-align: left;
    background: rgb(177,177,177);
    width: 30%;
}

.main table th#features-opt-header {
    text-align: left;
    background: rgb(177,177,177);
    width: 70%;
    border-bottom: 1px solid #000;    
}

.main table td#feature-cmd {
    border-top: 1px solid #000;    
}

.main table td#feature-opt {
    font-family: 'lucida console', 'Courier New', monospace;
    padding-top: 2px;
}

.main table td#feature-desc {
    /*padding: top right bottom left*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: small;
    font-style: italic;
}

/*change: font-size increased */
.main ul {	
    color: #444;
    margin-top: 0px;
    font-size: 13px;
    line-height: 1.6em;
}

/*change: added new ul with list-style-type: none; but indented with small li space*/
.main ul.indent {
    /*margin: top right bottom left*/
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 25px;
    font-size: 13px;
    line-height: .4em;
}

.main ul.indent li {
    list-style-type: none;
    /*margin: top right bottom left*/
    margin: 0 0 0 0;
}

/*change: added new ul with list-style-type: none; but indented with wide space between li*/
.main ul.indent-wide {
    /*margin: top right bottom left*/
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 25px;
    font-size: 13px;
    line-height: .4em;
}

.main ul.indent-wide li {
    list-style-type: none;
    /*margin: top right bottom left*/
    margin: 15px 0 0 0;
}

/*change: added new ul with list-style-type: decimal*/
.main ul.decimal {
    /*margin: top right bottom left*/
    margin-top: 10px;
    margin-left: 25px;
    line-height: .4em;
    font-size: 15px;
}

.main ul.decimal li {
    list-style-type: decimal;
    margin: 0 0 0 0;
}

/*change: added new ul with list-style-type: circle*/
.main ul.circle {
    /*margin: top right bottom left*/
    margin-top: 10px;
    margin-left: 25px;
    line-height: .4em;
    font-size: 15px;
}

.main ul.circle li {
    list-style-type: circle;
    margin: 0 0 0 0;
}

/*change: added new ul with list-style-type: none*/
.main ul.none {
    /*margin: top right bottom left*/
    margin-top: 10px;
    margin-left: 5px;
    line-height: .4em;
    font-size: 15px;
}

.main ul.none li {
    list-style-type: none;
    /*margin: top right bottom left*/
    margin: 0 0 0 0;
}

.main ul li p#list-item-description {
    margin-left: 20px;
}

.main ul li a { 
    color: #0066e8; 
}

.main ul li a:hover { 
    color: #444; 
}

/* header styles */

/*change: font-size, font-weight, margin, font-family*/
.main h1 {
    text-shadow: #d6d6d6 0 1px 0;
    color:#666666;
    font-family: "Lucida Grande", Tahoma, Helvetica;
    font-size:19px;
    font-weight: bold;
    /*margin: top right bottom left*/
    margin: 10px 0 0 0;
}

/*change: font-size, font-weight, margin. text-decoration*/
.main h2 { 
    color:#666666; 
    /*font-weight: lighter;*/
    /*text-decoration:underline;*/
    font-size:16px;
    /*margin: top right bottom left*/
    margin: 15px 0 0 0;
    padding-bottom:0px;
}

.main h2 a { 
    color: #0066e8; 
}

.main h2 a:hover { 
    color: #444; 
}

/*change: font-size, font-weight, margin*/
.main  h3 {
    color: #777;
    font-size:15px;
    font-style: italic;
    /*margin: top right bottom left*/
    margin: 15px 0 -5px 0px;
    padding-bottom:0px;
}

.main  h3 a { 
	color: #0066e8; 
	text-decoration: none; 
}

.main h3 a:hover { 
	color: #444; 
}

.main h4 { 
	color: #444; 
}
	
.main h5 { 
	color: #444;
}

.main h5 a { 
	color: #0066e8; 
	text-decoration: none; 
}

.main h5 a:hover { 
	color: #444; 
}

.main h6 { 
	color: #444; 
}

div#rightSide {
	background:#fff;
}

div#rightSideCentered {
	background:#FFFFFF;
}

.newstext p {  
	color: #777; 
}

.newstext p a {
	color: #0066e8;
}
.newstext p a:hover { 
	color: #444; 
}

.newstext h1 {
	color:  #0066e8;
}

.newstext h1 a {
	color: #0066e8;
}

.newstext h1 a:hover {
	color: #444;
}

.main dd#faq-answer {
    padding-left: 10px;
}

/* link to full news page */

.newstext_bottom a {
	border-top: solid #CCCCCC 1px;
	color:#CCCCCC;
}

.newstext_bottom a:hover {
	border-bottom: solid #CCCCCC 1px;
}

.newsimage p  { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

.newsimage p a { 
	color: #80CE00; 
	text-decoration: none; 
}

.newsimage p a:hover { 
	color: #444; 
}

a .imagelink { 
	border: 1px solid #ccc; 
}

a:hover .imagelink { 
	border: 1px solid #0066e8; 
}


/* clearing br */

.clear { 
	clear: left;  
}


.clrend { 
	clear: both;
	margin: 0; 
}

hr { 
	color: #ccc; 
	background-color: #ccc; 
}



.contentImg { 
	border: 0;
}

.contentImgContainer { 
	background: #ddd; 
}

.contentImgContainerExpanded { 
	background: #0066e8; 
}

#bottombar{ /*this is the site footer*/
	color: #ccc;
	background: #001338;
}

#bottombar a {
	text-decoration: none;
	color:#ccc;
}

/* styles for the redirect page */
.rtext {
	color:#FFFFFF;
}

.rtext a {
	color:#fff;
}


#redirect-logo {
	background: url(images/redirect-logo.jpg) no-repeat;
}

#news-logo {
	background: url(images/redirect-logo.jpg) no-repeat;
}

/*change: added logo for pantaRhei*/
.pantaLogo
  {
    font-family:Domestic Manners; 
    font-style:italic;
  }