* {
    margin:0;
    padding:0;	
}

body {
    font: 11pt verdana, sans-serif;
    word-spacing:1px;
    color:#444;
    margin:25px 0px 25px 0px;
    background:url(body.jpg) #f6f6f6;
}

p {
    margin:15px 0;
    line-height:1.5;
}
p.nojs {
    font-size: 14pt;
    font-weight: bold;
    color:red;
    text-align:center;
}

p.nojs_small {
    color:red;
    text-align: center;
    font-size: 10pt; 
    font-weight: bold;
}
    
h2, h3 {
    word-spacing:1px;
    letter-spacing:1px;
    font-weight:bold;
    color:#666;
}

h2 {
    font-size: 14pt;
    margin: 15px 0 25px 0;
    border-bottom: 1px solid #aaa;
}

h3 {
    margin: 0 0 15px 0;
    font-size: 12pt;
    border: none;
}

a {
  text-decoration:none;
}
a img {
    float:left;
}
a:link {
    color: #00d;
}
a:visited {
    color: #408;
}
a:hover ,
a:active ,
a:focus {
    color: #F49222;
}

img.right {
 float:right;
 margin: 0 0 0 10px
}

ul {
    margin:0 15px 0 15px;
    line-height:25px;
    padding:0 15px 0 15px;
    border: none;
}

img {
    padding:1px;
    background:transparent;
    border:none;
    vertical-align:baseline;
}

/* form elements */
form {
    margin: 15px 0 15px 0;
    padding: 15px;
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; 
}
form label{
    display:block;
    font-weight:bold;
    margin:15px 0 5px 0;
}

form input.text,
form input.attachment { 
    padding: 3px;
    border:none;
    border-bottom:1px dotted #ccc;
    font: normal 1em Verdana, sans-serif;
    background: none;
    color:#777;
}
form textarea {
    width:350px;
    padding:3px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    height:100px;
    display:block;
    color:#777;
}

form select {
    margin-top:5px;
    display:block;
    font: normal 1em Verdana, sans-serif;
}

form input.text:hover, 
form input.text.attachment { 
    color: #F49222;
}

form input.text:hover, 
form input.text.attachment { 
    color: #F49222;
}

form textarea:hover{
	border:1px #E0E0E0 solid;
	}

form textarea:focus{
	border:1px #CCC solid;
	color:#666;
	}

form input.button{
        margin:15px 5px 15px 0;
	padding:3px 5px;
	font:12px Arial,sans-serif;
	}

p img {
    float:left;
    margin:0 10px 0 0;
}

table {
    border-collapse: collapse;
    margin: 5px;	
}
th strong {
    color: #fff;
}
th {
    background: #93BC0C;
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    color: #FFF;
    text-align: left;
    border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #fff;
}
tr {
    height: 30px;
}
#orderpage tr {
    height: 20px;
}
td {
    padding-left: 11px;
    padding-right: 11px;
    border: solid 1px #fff;
}
td.first,th.first {
    border-left: 0px;
}
tr.row-a {
    background: #EFEFEF;
}
tr.row-b {
    background: #F8F8F8;
}

code {
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
}
div.code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;  
    background: #FAFAFA;
    border: 1px solid #f2f2f2;  
    border-left: 4px solid #FF9966;
}
acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}
blockquote {
    margin: 0;  	
    padding: 0 20px 0 40px;  	
    background: #FAFAFA url(quote.gif) no-repeat 10px 10px !important; 
    background-position: 8px 10px;
    border: 1px solid #f2f2f2; 
    border-left: 3px solid #FF9966;   
}

#testimonials blockquote {
    margin: 10px 0 10px 0;  	
}

blockquote span.source {
    display: block;
    text-align: right;
    font-style: italic;
    font-size: 9pt;
    vertical-align: sub;
}

blockquote a.more {
    margin: 10px 0 0 0;  	
    display: block;
    text-align: right;
    font-size: 9pt;
    text-decoration:none;
}
#wrapper {
    background:#fff;
    border:3px solid #f1f1f1;
    max-width:980px;
    min-width:980px;
    margin:0 auto;
}

#innerwrapper {
    border:1px solid #eee;
    background:url(sidebar.jpg) top left no-repeat;
}

#title {
    border:1px solid #eee;
    background:url(title.jpg) top no-repeat;
    padding:40px;
    height: 60px; 
}

#title img {
    vertical-align:baseline;
    float:left;
}

#header h1 {
    float:left;
    font:250% Georgia;
    color:#333;
    padding:5px 20px 5px 5px;
    
    margin:0 20px 0 0;
}

#header h1 a {
    color:#333;
    
}

#header h2 {
    color:#555;
    padding:14px 0 0 0;
    border:none;
}

#header h2 a {
    color:#555;
    border-bottom:2px solid #f6f6f6;
}

#header a em {
    font-style:normal;
}

#header form {
    padding:25px;
    float:right;
    width:110px;
    margin:5px -40px 0 0 !important;
    background:none;
    border:none;
}

#header input {
    width:100px;
    padding:2px 5px 2px 5px;
    background:#fff;
    border:2px solid #eee;
    font:100% Arial;
    color:#999;
}    
#header input:hover {
    border:2px solid #F49222;
}

#header input:focus {
    border:2px solid #F39323;
    color:#555;
}

#sidebar {
    width:180px;
    margin:1px;
    padding:15px;
    float:left;
    border-right: 1px solid #eee;
}

#sidebar h2.news {
    text-align: center;
    color:#888;
    margin:10px 0 10px 0;
}

#sidebar h3.news {
    color:#888;
    margin:10px 0 -5px 0;
}

#sidebar p.news {
    font-size: 9pt;
    color:#666;
    margin:0;
    padding:10px 0 0 0;
}

#sidebar p.news img {
    padding:5px 0 0 0;
}

#sidebar p.news a.more {
    display: block;
    text-align:right;
    font-size: 7pt;
    padding:0;
}

#contentwithoutsidebar {
    margin:0;
    padding:20px 20px 0 20px;
}

#contentwithsidebar {
    margin:0 0 0 220px;
    padding:20px;
}

#news img {
    float: right;
}

#news img.new {
    float: left;
}

#landingpage_main {
    height: 400px;
    background:url(Paralog_5.0_Main_Screen_3D.png) top right no-repeat;
}

#landingpage_main p.overview {
    width: 350px;
}
#landingpage_main p.overview a {
    margin: 5px 0 0 0;  	
    display: block;
    text-align: right;
    font-size: 9pt;
    text-decoration:none;
}

#landingpage_comment_left {
    width: 320px;
}

#landingpage_comment_right {
    float: right;
    width: 350px;
    padding: 0 20px 0 20px;
    background-color: #fafafa; 
    border: 1px solid #f2f2f2; 
}

#landingpage_comment {
    margin: 10px 0 10px 0;
    padding: 10px 20px 10px 20px;
    background-color: #fafafa; 
    border: 1px solid #f2f2f2; 
    border-left: 3px solid #FF9966;   
}
#landingpage_comment a.more {
    margin: 0;  	
    display: block;
    text-align: right;
    font-size: 9pt;
}

.download_acceptance {
    position: static;
    text-align: right;
    right: 0px;
}

#footer {
    clear:both;
    height:34px;
    border:1px solid #eee;
    border-top: 1px solid #ddd;
    background: url("footer.png") repeat-x;
}

p.copyright ,
p.copyright a {
    text-align: center;
    margin:10px 0 0 0;
    color:#aaa;    
    font-size:8pt;
    text-decoration: none;
}
p.copyright a:hover ,
p.copyright a:active ,
p.copyright a:focus {
    color: #F49222;
}


.question, .answer {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 7px 10px 5px 35px;
    margin: 0 20px 0 20px;
    color: black;
}

.question {
    background-image: url(question.gif);
    background-color: #ddd;
    margin-top: 10px;
}

.answer {
    background-image: url(answer.gif);
    background-color: #eee;
    margin-bottom: 10px;
}


div.preview { margin: 0 8px 8px 0; }
img.preview { position: absolute; }

div.caption {
  font-size: 10px;
  color: gray;
  text-align: center;
  line-height: 8px;
}

