/* PKR 2010-06-18: DONT USE THIS FILE, WE WANT TO USE ONLY ONE --> /prolix-core/www/resources/design/2know2/css/2know2.css */
/* ####################################################
    GENERAL CSS
#######################################################*/
html {
    background:#f0f0f0;
}

img {
    border:0px;
}
a {
    color:black;
    text-decoration:underline;
}

a:hover {
/*  background-color:white; */
    text-decoration:underline;
}

a:visited {
    color:black;
    text-decoration:underline;
}
td, th {
    /*border:0px;*/
    padding:0px;
}
h1, h2, h3 {
    color:#284CA6;

}




/* #################################################
    HEADER
####################################################*/

/* image in the header */
div#top_image {
    width:950px;
    height:140px;
    margin: 0 auto;   /* align for good browsers */
    text-align: left; /* counter the body center */
    top:-30px;
}
div#top_image img {
    float:right;
    position:relative;
    right:20px;
    top:40px;
}

/* company title in header */
div#title_in_header {
    float:left;
    position:relative;
    left:280px;
    top:25px;
    width:520px;
    height:35px;
    line-height:35px;
    font-size:35px;
/*  color:#e6e6e6; */
    color:#416ED7;
    text-decoration:bold
    vertical-align:text-bottom;
}

/* tabs in master */
div#top {
    position:relative;
    text-align: center;
    _top:-25px; /* fix for IE 6 */
    font-size:120%;
    font-weight:bolder;
} 

/* place the tabs in the main menue in the right position */
.yui-nav, .yui-nav li {
    margin-top:-15px;
}
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border-color:#2647A0;
    border-style:solid;
    border-width:0pt 0pt 0px;
}


/* profile information in header */
div#right {
    top:-135px;
    padding-right:10px;
    font-size:85%;
    text-align: right;
    position:relative;
    height:0px;
}
/* link to main site, only for members of the prolix_admin group if browsing a company */
span#link_to_root_site {
    border:1px;
    border-color:red;
    border-style:solid;
    font-size:110%;
    font-weight:bold;
    padding:5px;
    padding-bottom:6px;
    float:right;
    position:absolute;
    right:0px;
    margin-top:80px;
    z-index:2;
}
span#link_to_root_site:hover {
    background-color:red;
}

/* #################################################
    CONTENT
####################################################*/
div#content ul {
    position:relative;
}

div#content ol {
    position:relative;
}

.yui-module ul, li, ol {
    /* Rauskomentiert wegen fehlerhafte darstellung in km-exam, 16.03.2009, ÅR */
    /*position:relative ! important;*/
}

div#content h1 {
    padding-top:5px;
    padding-bottom:0px;
    *padding-bottom:10px;
    -margin-bottom:-10px;
    position:relative;
    top:-15px;
}

div#user-message {
    /*margin:10px;*/
    margin-bottom:30px;
    position:relative;
    top:15px;
    text-align:center;
  border:1px solid blue; 
  padding:10px;
  background:#ffffff;

}


div#content {
    /*background-color:#FFFFFF;*/
    top:5px; 
    _top:-17px; /*fix for IE6 */
    padding:5px;
    border:solid 1px #2647A0;
}

/* center tables in div tags */
div.centered {
    text-align: left;	/*  WMB changed this  */
}
div.centered table {
    margin: 10px auto; 
    text-align: left;	/*  WMB changed this  */
}

/* table format for learning_environment table */
table.leaTable tr.list-header {
    background-color:#76CB4D;
}
table.leaTable tr.even {
    background-color:#D8EDCC;
}
table.leaTable tr:hover {
    background-color:#76CB4D;
}

.cursor-pointer {
    cursor:pointer;
}

/* table format for response analysis */
div.analysis {
    padding-top:5px;
    text-align:right;
    margin-right:5%;
}
div.analysis a {
    margin-left: 5px;
}
table.analysis {
    width:90%;
    border-bottom:solid 2px #2647A0;
}
table.analysis tr td{
    border-bottom:solid 1px #2647A0;
    _outline-bottom:solid 1px #2647A0;
}
table.analysis td {
    padding:2px;
}
table.analysis td.name {
    font-size:95%;
    text-align:left;
}
table.analysis td.value {
    width:120px;
    text-align:right;
}
table.analysis tr td.narrow {
    width:60px;
    text-align:right;
}
table.analysis tr.sum {
    font-weight:bold;
}


/* #################################################
    Footer
####################################################*/

#footer {
    position:relative;
    bottom:-40px;
    font-size:80%;
    text-align:right;
    margin-left:auto;
    margin-right:auto;
    border-top:0px;
    z-index:-1;
}



/* #################################################
  Developer mode graphic
####################################################*/
div#developer_mode {
	text-align:center;
	font-size:25px;
	color:red;
	width:100%;
}
div#developer_mode.info {
	color:green;
}
div#developer_mode.warning:after {
	color:deeppink;
	content:"(LIVE server proceed with caution)";
}

/* #################################################
 fix for OpenACS forms
####################################################*/
div.form-widget {
    text-align:left;
    margin-left:0px;
}
div.form-help-text {
    text-align:left;
    margin-left:0px;
    color:#636368;
}
div.form-error {
    text-align:left;
    margin-left:0px;
}
div.form-label {
    font-weight:bold;
    color:#35353D;
}
div.form-button {
    text-align:left;
}



/* #################################################
 for yui windows type 1, used for e.g. creating a new company metric 
####################################################*/
div.yui-pane-body-1 {
    text-align:left;
  /*margin-left:-100px;*/
}
div.yui-pane-body-1 div.form-item-wrapper div.form-label {
    text-align:right;
    width:80px;
    
}
div.yui-pane-body-1 div.form-item-wrapper div.form-widget {
    text-align:left;
    margin-left:100px;
}
div.yui-pane-body-1 div.form-item-wrapper div.form-widget table{
    margin:0px;
}
div.yui-pane-body-1 div.form-button {
    text-align:right;
    margin-right:10px;
    font-weight:bold;
}
div.yui-pane-body-1 .margin-form div.form-required-mark {
    color:green;
}
.yui-skin-sam .yui-panel .hd {
    font-size:115% ! important;
}
div.yui-pane-body-1 .margin-form .form-item-wrapper .form-error, .margin-form .form-item-wrapper .form-widget-error {
    display:block;
    margin-left:100px;
}
div.yui-pane-body-1 div.form-item-wrapper div.form-help-text {
    margin-left:100px;
}





/* #######################################
 For assessments..for all urls like this : http://../xx/org/yy/assessments/assessment?assessment_id
##########################################*/
/* title in assessment */
div#assessment h2:first-child {
    font-size:20px;
    text-align:center;
    padding:10px;   
}
/* instructions part of a section */
div#assessment p {
    padding-left:20px;
    padding-bottom:20px;
}
/* the form container */
div#assessment form#show_item_form  {
    padding-left:40px;
}
/* the question text*/
div#assessment form div.question-container  {
    font-size:11px;
    font-weight:normal; 
    padding:5px;
    background-color:#E4EAEF; 
    min-width:800px;
    max-width:800px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin-bottom:10px !important;
}

/* FOR ADMIN --> "view metric" --> the question text*/
/*
div#assessment form div.form-item-wrapper  {
    font-size:11px;
    font-weight:normal; 
    padding:5px;
    background-color:#E4EAEF; 
    min-width:800px;
    max-width:800px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
*/


/* the alternatives/answers container */
div#assessment form div.form-widget  {
    margin-top:10px;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:80px;
    background-color:#ffffff; 
}
/* textareas in answer container */
div#assessment form div.form-widget textarea {
    width:760px;
    margin-left:-65px;
}





/* #######################################
 For assessment preview, used in packages/prolix-core/resources/forms/prolix_assessment_preview.adp
##########################################*/
/* This is needed for prolix design to avoid strange bug in IE7 */
a[title='Start Assessment'] {
  position:relative;
}

/* the form container */
div#assessmentPreview   {
    /*padding-left:40px;*/
}

p.section-preview-header {
    font-weight:bold;
}

p.section-metadata-description {
    margin-top:0px;
    padding-bottom:15px;

}

p.section-preview-instructions {
    margin-bottom:10px;
    padding-left:20px;
}
p.section-preview-instructions span {
    font-weight:bold;
}

/* the container for questions and answers*/
div#assessmentPreview div.form-item-wrapper  {
    /*font-size:11px;*/
    font-weight:normal; 
    padding:5px;
    border-top:1px solid #CCCCCC;
    background-color:#F7FEF1; 
    min-width:800px;
    max-width:800px;
    /*font-family:Verdana,Arial,Helvetica,sans-serif;*/
    /*margin-bottom:10px;*/
}
/* the question */
div#assessmentPreview div.form-item-wrapper div.form-label {
    width:auto;
    float:none;
    text-align:left;
}

/* the alternatives/answers */
div#assessmentPreview div.form-item-wrapper div.form-widget  {
    margin-top:10px;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:80px;
    background-color:#ffffff; 
    border-top:1px solid #CCCCCC;
    margin-left:0px;
}
/* textareas in answer container */
div#assessmentPreview div.form-widget textarea {
    width:760px;
    margin-left:-65px;
}
/* the item_ids of the question */

div.item_ids {
    float:right;
    color:#888888;
    margin-top: -5px;
}

/* #######################################
 For assessment to show <strong> and <em> correctly
##########################################*/
strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

/* :::::::::: .. RSS and NEWS AREA .. :::::::::::: */
/*
div.simple_news {
	margin:25px 40px 0px 0px;
}
*/
div.simple_news div.portlet-head,
div.simple_news div.portlet-header {
    display:none;
}

div.simple_news div.portlet {
	border-style:none;
}

div.simple_news div#news_headline {
	color:#72bf44; 
	font-weight:bold;
	padding:0px 0px 20px 0px;	
}
/*
div.simple_news div.portlet div.news_4281 {
	background:transparent url(/resources/prolix-core/img/ltp_news_icon.jpg) no-repeat !important;
}
*/
div.simple_news div.portlet div.news {
/*
	background:transparent url(/resources/prolix-core/img/sample_news_icon.jpg) no-repeat;
	padding-left:170px;	
	min-height:155px;
	margin-bottom:40px;
*/
	text-align:justify;
}

div.simple_news div.portlet div.news div.news_title {
	font-weight:bold;
	font-size:18px;
}

div.simple_news div.portlet div.news div.news_title a {
	color:#b3b3b5;
	padding-right:35px;
	text-decoration:none;
	/*background:transparent url(/resources/2know2-frontstore/images/rss_feed.jpg) no-repeat;*/
	background-position: right;
}

div.simple_news div.portlet div.news div.news_title a:hover {
	color:#72bf44;
}

div.simple_news div.portlet div.news div.news_date {
	font-size:11px;
	color:#b3b3b5;
	margin-bottom:15px;
}
div.simple_news div.portlet div.news div.news_text a {
	color:#72bf44;
}

/*############################
Custom XOLRN Test Settings Page
##############################*/

.xolrn-general-settings textarea {
    height: 12em;
}