body {direction:rtl; font-family:Arial; font-size:14px;padding:0px; margin:0px; height:100%;}
html {direction:ltr; overflow-y:scroll;}
html, body, #contents {min-height:100%;height: 100%; height:auto;cursor:default;}
html>body, html>body, #contents {height: auto;}
img {border:none;}

/*General */
.clear {clear:both; height:1px;}
.validator {font-size:14px; font-weight:normal; color:#ff8f44; margin-bottom:10px; text-align:right; width:150px;}
/*General */

.bg01 {background:url(../img/bg01.gif) left top repeat;  width:100%; position:absolute;}
.footer01, .holder01 {background:#FFFFFF; width:810px; min-height:640px; padding-top:5px;}
.holder01 {height:auto !important; height:640px;}

.header {background:url(../img/frame01.gif) left top no-repeat; width:791px; height:94px; padding-top:6px;}
.header .cls01 {background:url(../img/bg02.gif) left top repeat-x; width:769px; height:59px;  text-align:right;}
.header .cls01 a {font-family:Monotype Hadassah,Arial; font-size:20px; text-decoration:none; color:#ffffff;}
.header .cls01 a span {color:#b9d2e2;}
.header .cls02 {background:url(../img/bg03.gif) left top repeat-x; width:769px; height:23px; text-align:right; color:#4e5057;}
.header .a1 {float:right; padding:20px 20px 0px 0px;}
.header .a2 {float:left; margin-left:10px; padding-top:26px;}
.header .a2 a {font-size:12px; font-weight:bold;}
.header .a2 a span {background:url(../img/close01.gif) right 5px no-repeat; padding-right:10px; display:inline-block;}
.header .cls02 div a {font-weight:bold; color:#4e5057; text-decoration:none;}
.header .cls02 div {float:right; margin-top:2px;}
.header .cls02 .nav  {background:url(../img/separator.gif) left 5px no-repeat; margin:2px 10px 0px 20px; padding-left:20px;}
.header .cls02 .stage {float:left; margin-left:20px;}
.footer01 {min-height:30px;margin-bottom:20px; text-align:right; font-size:11px; color:#686868;}
.footer01 .frame {background:url(../img/border01.gif)left top repeat-x; height:5px; margin-right:10px; margin-left:10px;}
.footer01 .cls01 {margin-right:20px;}
.footer01 .cls01 {float:right;}
.footer01 .cls03,.footer01 .cls02 {float:left;} 
.footer01 .cls03 a, .footer01 .cls02 a, .footer01 .cls01 span {color:#8a9ca8;}
.footer01 .cls03{margin-left:20px;} 
.footer01 .cls02 {margin:0px 0px 0px 30px;}

.numbers
{
	direction:ltr;
}

/*Login*/
.login {width:80%; margin-top:60px;}
.login tr {height:25px; vertical-align:middle;}
.login .up	{width:450px;}
.login .up .error {width:35%; padding-bottom:3px;}
.login .user {}
.login .user .desc {width:16%;}
.login .user .desc1 {width:35%;}
.login td {text-align:right;vertical-align:top;}
.login .userHidden, .login .user {text-align:right; font-size:12; font-weight:bold; color:#707070;}
.login .userHidden, .login .user td {padding-left:20px; margin-bottom:2px;}
.login .userHidden desc. , .login .user .desc {padding-right:0px;width:16%;text-align:right;}
.login .userHidden desc1. , .login .user .desc1 {padding-right:0px;width:16%;text-align:right;}
.login td:first-child span:first-child {font-size:12px; font-weight:normal;}
.login .userHidden, .login .user input {width:200px; height:20px; font-size:14px; color:#707070; border:1px solid #cccccc; margin-bottom:5px;padding:0px 3px 0px 3px;}
.login .user select {margin-bottom:5px; color:#707070; border:1px solid #cccccc; width:208px; height:20px; padding-top:2px;}
.login .userHidden {display:none;}
.login .button input {color:#707070;} 
.login .button input {border:1px solid #cccccc; background:#e2e9ee; padding:0px 4px 0px 4px; text-decoration:none; font-weight:bold; }
.login .userAvaliable , .login .userNotAvaliable {color:Red; font-size:12px; font-weight:normal;}
.login .userAvaliable {color:Green;}
.logout span {cursor:pointer;}
.wellcome .holder span span {height:30px; color:#ff8f44; font-weight:bold; font-size:12px; vertical-align:text-top;}
.wellcome .holder {text-align:right; margin-bottom:20px; font-size:14; color:#707070;}
.wellcome .holder a {font-weight:bold; color:#4e5057;}
.wellcome .holderen {text-align:left; margin-bottom:10px; font-size:12; color:#707070; direction: ltr;}
.wellcome .holderen a {font-weight:bold; color:#4e5057;}
/*Login*/

/*Stage hide shouw*/
.description {text-align:right; padding:20px 25px 0px 25px;}
.description .title {font-weight:bold; color:#323232;}
.tagsTbl {width:100%; margin-bottom:10px; text-align:right;}
.tagsTbl td {vertical-align:top;}
.tagsTbl .border02 {background:url(../img/border02.gif) right top repeat-y; height:100%; border:1px none red; width:15px;}
.tags {width:345px; margin-top:10px;}
.tags table {width:100%; padding-right:20px; text-align:right;}
.tags .cls01 {min-height:20px; background:#f5f5f5; font-size:13px; width:140px; padding-right:3px; line-height:18px;}
.userTagHolder, .tags .cls02 input, .tags .cls02 a, .tags .cls02,.tags .cls02a{color:#707070; font-size:12px;padding-right:1px;}
.tags .cls02a {text-decoration:underline; cursor:pointer;}
.tags .cls02 a {text-decoration:underline; cursor:pointer;}
.tags .cls02 input {margin-bottom:3px;}
.tags .cls02 .e,.tags .cls02 .x 
{
	border:1px solid #c6c6c6; 
	margin:0px 2px 0px 2px; 
	line-height:12px; 
	display:block; 
	height:12px; width:10px; 
	vertical-align:middle;
	text-align:center;
}
.tags .cls02 .e a,.tags .cls02 .x a {text-decoration:none; color:#323232;}
.tags .cls02 .e {background:#eef2f5;}
.tags .cls02 .x {background:#f5ecdf;}
.tagAdd {margin-right:20px;}
.tags {font-size:12px;}
.tags .edit {text-decoration:none; color:#323232; }
.tags .edit:hover {text-decoration:underline;} 
.tags .editTag {color:#21211F; font-weight:bold;}
.tags .delete {background:url(../img/tag_del.gif) 1px no-repeat; width:15px; position:static; text-decoration:none;}
.tags .editBox {display:none; padding-bottom:5px;}
.tags .editBox input {font-size:10px;}

.description .title span {color:#707070; font-size:16px; font-weight:normal;}
.description div {border:1px none;}

.imageBig {width:385px; height:380px; text-align:right;vertical-align:top;}
.imageBig .imgLink {text-align:left; margin:5px 0px 5px;}
.imageBig .imgLink a {color:#0088e9; font-size:12px;}

.tagAdd input {width:111px; height:15px; border:1px solid #cccccc; margin-left:10px; padding:0px 2px 0px 2px;}
.tagAdd input:first-child {margin-bottom:2px;} 
.buttonClear, .buttonAdd, .tagAdd .button {text-decoration:none; border:1px solid #cccccc; background:#f5dab4; color:#323232; width:52px; height:17px; font-size:12px; cursor:pointer;}
.buttonClear {background:#e0eaef;}
.tagsInfo {background:url(../img/icon01.gif) no-repeat right top; color:#707070; padding:0px 20px 0px 20px; margin-top:10px;}

.ontologyHolder .desc, .tags .feedBack, .description .desc {width:371px; border:6px solid #f5f5f5; margin-bottom:5px; }
.ontologyHolder .desc {width:780px; }
.feedBack .cls01, .desc .cls01 {background:#e0eaef; width:363px; margin:1px 1px 1px 0px; text-align:right; font-weight:bold; padding:2px 5px 0px 0px;} 
.ontologyHolder .desc .cls01 {width:770px;}
.feedBack .cls02, .desc .cls02 {color:#707070; font-size:12px; text-align:right; border-top:6px solid #f5f5f5; min-height:40px;}
.ontologyHolder .desc .cls02 {height:265px;}
.feedBack .cls02 .lnkBtn, .desc .cls02 .lnkBtn{color:#707070; font-size:12px; text-decoration:none;padding:3px;}
.feedBack .cls02 textarea, .desc .cls02 textarea {color:#707070; font-size:12px; text-align:right; border:1px solid #CCCCCC; padding:3px 5px; width:360px;}
.tags .feedBack {width:345px;}
.feedBack .cls01 {width:338px;}
.feedBack .cls02 textarea {width:334px;}


.discussion {margin-top:40px;}
.discussion .cls01 {background:#f5f5f5; font-size:13px; color:#323232; font-size:12px; font-weight:bold; height:20px; padding-right:13px;}
.discussion .message{height:60px; border:1px solid #cccccc; margin:5px 0px; color:#707070; font-size:12px; width:371px;}
.discussion .messages {color:#323232; margin-top:10px;}
.discussion .messages span {color:#808080; font-size:10px;}
.discussion .messages div {margin-bottom:10px;}
.discussion	.result {border:1 px solid red; height:89px;display:table-cell;vertical-align:middle; color:#707070;}
.discussion	.result a {color:#0088e9;}

/*Description*/

/*About*/
.freeText {color:#323232; padding:0px 25px; margin-top:40px; text-align:right; width:500px; font-size:16px;}
.freeText .txt {}
.freeText .link {}
.freeText div {margin-bottom:30px; text-align:right;}
.freeText a {color:#1b79aa;}
/*About*/

/*Tags*/
.popupHover{background:red;}
/*Tags*/


/*Ontology*/

.ontologyHolder
{
	position:relative;
}
.OntologyIcon
{
	
	position:absolute;
	top:2px; right:-18px;
}

.OntologyIcon img
{
	border:none;
	width:13px;
	height:13px;
}
.userTagHolder
{
	position:relative; 
	width:140px;
}

.search
{
	position:absolute;
	top:40px;
	right:36px;
	z-index:1000;
}

.ontologyHolder .srchText
{
	width:115px;
	height:15px;
	padding:1px 5px 1px 5px;
	border:1px solid #cccccc;
}
.srchBtn
{
	background-color:#f5dab4;
	border:1px solid #cccccc;
	padding:0px 10px 0px 10px;
	margin-bottom:1px;
	cursor:pointer;
}

.ontologyWrapper
{
    background:url("../Img/border01.gif") bottom center repeat-x;
    height:265px;
    padding:10px 2px 0;
}
.ontologyWrapper object
{
    margin-top:-10px;
    outline:none;
}
.ontologySearchHolder
{
    margin:0;
    padding:10px 0 0;
    position:absolute;
}
.addTag
{
    color:#66824E;
    cursor:pointer;
    font-size:13pt;
    font-weight:bold;
    line-height:10pt;
}
div .relatedConceptsTitle
{
    padding-bottom:0;
}
.relatedConceptsLabel
{
    display:block;
    margin-right:5px;
}
.relatedConcepts
{
    margin-top:30px;
}
.searchTypes
{
    color:#323232;
    font-size:12px;
    width:100px;
}
.searchTypes label
{
    display:block;
    margin-bottom:5px;
}
/*Ontology*/

.content
{
    padding:15px 42px;
    text-align:right;
}
.content a
{
    color:#8A9CA8;
    font-size:12px;
}
/*Scenario selection*/
h3
{
    background:url("../img/icon01.gif") top right no-repeat;
    color:#707070;
    font-size:12px;
    font-weight:normal;
    margin:40px -20px 10px 0;
    padding-right:20px;
}
.descriptionsContainer .descriptionText
{
    background:url("../img/border01.gif") bottom left repeat-x transparent;
    color:#2A2A2A;
    display:none;
    letter-spacing:0.02ex;
    line-height:160%;
    margin:5px 0;
    padding:0 0 20px 200px;
}
.strong
{
    font-weight:bold;
}
.myButton
{
    background:#f5dab4;
    border:1px solid #cccccc;
    color:#323232;
    cursor:pointer;
    height:22px;
    font:14px Arial, Sans-Serif;
    padding:0 5px;
    text-decoration:none;
}
a.myButton
{
    color:#323232;
    font:14px Arial, Sans-Serif;
    padding:2px 5px;
    height:4px;
}
/*/Scenario selection*/

/*Picutres search*/
.searchInput ul,
.searchInput ul *
{
    text-align:right !important;
}
.selectSubjectsHolder
{
    z-index:10;
    position:relative; /* for it to be clickable in firefox */
}
.title
{
    color:#323232;
    font:bold 14px Verdana, Arial, Sans-Serif;
    padding-bottom:10px;
}
.resultsHolder
{
    clear:both;
    position:relative;
    top:-25px; /*for IE6/7 use more */
}
.noResultsFound
{
    clear:both;
    display:block;
    float:none;
    margin-top:-80px;
}
.noResultsFoundRemark,
.perspectivesRemark
{
	font-size:12px;
    display:block;
    color:#6C6C6C;
}
.perspectivesRemark
{
    margin-right:15px;
}
.leftContent
{
    background:url("../img/border02.gif") top right repeat-y;
    float:left;
    padding:0 19px 10px 0;
    width:265px;
}
.scenario 
{
    z-index:10;
    position:relative; /* for it to be clickble in firefox */
}
.scenario .scenarioName
{
    display:block;
    margin-bottom:2px;
}
input.myButton
{
    position:relative;
    top:1px;
}
/*/Picutres search*/


/*Free text Interface*/
.free
{
    height:80px;
}
.free input.text
{
    border:1px solid #ccc;
    color:#707070;
    font:14px Arial, Sans-Serif;
    height:16px;
    padding:2px 4px;
    width:279px;
}
.freeGuide
{
    margin:-5px 10px 0 0;
    position:absolute;
}
/*/Free text Interface*/


/*Cloud Interface*/

.keywordsHeader
{
    height:80px;
    background:url("../Img/border01.gif") bottom center repeat-x;
}
.keywordsSelector
{
    background:url("../Img/border01.gif") bottom center repeat-x;
    clear:both;
    float:none;
    padding:10px 2px;
}
.keywordsList
{
    display:block;
    max-height:282px;
    overflow:auto;
}
.keywordsList b
{
	font-weight:normal;
	line-height:24pt;
}

.keywordsSelector a
{
    color:#849DA5;
    line-height:25px;
    padding:0 5px;
    margin:0 0 8px 10px;
    text-decoration:none;
}
.keywordsSelector a:hover
{
    background-color:#DCE8EF;
    border:1px solid #B3C4CF;
    padding:0 4px;
}
.keywordsSelector a.selected
{
    background-color:#CD4800;
    border:1px solid #A13900;
    color:#ffffff;
    padding:0 4px;
}
.keywords
{
    margin:5px -5px 8px 0;
    width:730px;
}
.keywords .keyword
{
    background-color:#F6F6F6;
    border:1px solid #E8E8E8;
    color:#323232;
    cursor:default;
    float:right;
    margin:0 5px 8px 0;
    padding:2px 3px;   
    width:auto !important;
    white-space:nowrap;
}
.keywords .keyword .delete,
.keywords .keyword .IEAddedDelete
{
    color:#CD4800;
    cursor:pointer;
    font-weight:bold;
}
.keywords .keyword .IEAddedDelete
{
    margin:0 3px 0 0;
}
.cloudGuide
{
    margin:-10px 230px 0 0;
    position:absolute;
}
.searchToolbar
{
    float:right;
    margin-bottom:50px;
    width:430px;
}
.reloadIcon
{
    display:inline;
    position:relative;
    top:5px;
    right:10px;
}
.size1 a
{
    font-size:8pt;
}
.size2 a
{
    font-size:10pt;
}
.size3 a
{
    font-size:12pt;
}
.size4 a
{
    font-size:14pt;
}
.size5 a
{
    font-size:16pt;
}
.size6 a
{
    font-size:18pt;
}
.size7 a
{
    font-size:20pt;
}
/*/Cloud Interface*/


/*Perspectives*/
.perspectivesFilter
{
    background-color:#F6F6F6;
    border-top:1px solid #E8E8E8;
    margin-bottom:20px; 
    padding:10px 15px;
}
.allPerspectives
{
    background:url("../img/border02.gif") top right repeat-y;
    height:100%;
    padding:0 19px 0 0;
    width:241px;
}
.perspectiveSelection
{
    width:427px;
}
.perspectiveSelection label
{
    color:#4E4E4E;
    display:block;
    float:right;
    font-size:14px;
    margin:8px 0;
    padding-right:20px;
    width:110px;
}
.perspectiveSelection label input
{
    margin-right:-20px;
}
/*/Perspectives*/

/*Results*/
.searchCount
{
    color:#CD4800;
    font-size:14px;
}
.results
{
    margin:25px -2px 0 0;
}
.resultitem
{
    margin-right:2px;
    padding:15px 17px 0 13px;
    width:150px;
}

.resultitem .cbHolder
{
	background-color:Gray;
}

.resultitem .subjectHolder
{
    color:#595959;
	background-color:Gray;
    font-size:12px;
    height:35px;
    padding-top:25px;
    overflow:auto;
    text-align:right;
}

.paging
{
    text-align:center;
}
.paging table
{
    margin:0 auto;
}
.paging table a
{
    font-size:14px;
    margin:0 2px;
    padding:3px 8px;
    text-decoration:none;
}

.paging table a.pageNum
{
    border:1px solid #CCDBE4;
    color:#667986;
}

.paging table a.pageNum:hover
 {
    background-color:#CEE1E8;
 }

.paging table a.selectedPage
{
    color:#000;
    font-weight:bold;
}

.removePicture
{
    background:url("../Img/remove-bg.jpg") top right no-repeat;
    height:15px;
    overflow:hidden;
    text-indent:9999px;
    width:15px;
}

.selectedResultHeader
{
    margin-top:10px;
}

.selectedResultHeader .keywordsHeader
{
    background:none;
}
/*/Results*/


/*My Selected Results Page*/
.mySelectedResults .searchTitle
{
    display:none;
}
.mySelectedResults .results
{
    margin:25px -20px 0 0;
}
.mySelectedResults .resultitem
{
    background:url("../Img/img-bg.png") top right no-repeat;
    float:right;
    margin-right:20px;
    padding:15px 17px 0 13px;
    width:150px;
}
/*/My Selected Images Page*/

/* Questionnaire */

.questionnaire ul,
.questionnaire li
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.questionnaire li
{
    background:url("../img/icon01.gif") top right no-repeat;
    padding-right:20px;   
    margin-bottom:30px;
}
.question
{
    font-size:11pt;
    font-weight:bold;
}
.answer
{
    margin-top:10px;
}
.answer img
{
	vertical-align:middle;
	cursor:pointer;
}
.answer .selection
{
    display:inline-block;
    margin:0 10px 4px 10px;
    width:auto;
}
.answer textarea
{
    font:11pt Arial, Sans-Serif;
    height:100px;
    overflow:auto;
    width:350px;
}
.answerValidator
{
    color:Maroon;
    display:block !important;
    margin-bottom: 4px;
}
.rankingTbl td
{
    padding:2px 10px;
}
.submitBtnHolder
{
    background:url("../img/border01.gif") top right repeat-x;
    margin-top:-15px;
    padding:25px 15px 40px 0;
}
.feedbackSaved,
.feedbackSaveError
{
    color:#6C9313;
    display:inline-block;
    font-weight:bold;
    margin-right:10px;
}
.feedbackSaveError
{
    color:Maroon;
}
/* /Questionnaire */

.CompletionListCssClass
{
	direction:rtl;
	text-align:right;
	background:#fffff1;
	border:1px solid #A9A9A9;
	border-top:none;
	height:200px;
	overflow-y:auto;
}
.CompletionListItemCssClass
{
	direction:rtl;
	text-align:right;
	padding:3px;
	color:#454545;
	list-style-type:none;
	cursor:default;
}
.CompletionListHighlightedItemCssClass
{
	direction:rtl;
	text-align:right;
	padding:3px;
	background:#3C689E;
	color:#ffffff;
}