﻿/* View concept */
.dragHandle { cursor:move; }
.notePanel { z-index:1; }

#viewConceptHome { margin-left:60px; }
#viewConceptHome #conceptHeader { background:no-repeat url('/Content/Images/rateConcept.png'); padding:0px 0 4px 200px; margin-left:30px; height:60px; }

#viewConceptHome #conceptHeader .lt_gradable_default { width:304px; height:39px; }
/*
#viewConceptHome #conceptHeader .lt_gradable_default { background:no-repeat url('/Content/Images/DesignConcepts/ratingOff.png'); width:304px; height:39px; }
#viewConceptHome #conceptHeader .lt_gradable_hover { background:no-repeat url('/Content/Images/DesignConcepts/ratingOn.png'); height:39px; }
*/

#viewConceptHome #concept { border:1px solid #ccc; position:relative; width:1000px; height:800px; overflow:hidden; }
#viewConceptHome #concept #conceptDrag { position:absolute; cursor:move; }

#viewConceptHome #conceptRating > ul { display:inline-table; margin:11px 0 0 0; padding:0; list-style-type:none; }
#viewConceptHome #conceptRating > ul > li { display:inline-block; padding:0; margin:0; vertical-align:middle; *display:inline; zoom:1; }

#addNoteAction, .openNoteView { cursor:move; z-index:999; }

/* Adding a note */
.noteForm .noteFormContainer { background-color:#f8f8f8; border:1px solid #bebebe; width:250px; padding:5px 0 5px 10px; cursor:default; }
.noteForm .noteFormContainer > ul { margin:0; padding:0; list-style-type:none; display:inline-table; width:247px; }
.noteForm .noteFormContainer > ul > li { display:inline-block; vertical-align:top; *display:inline; zoom:1; padding:2px 0; }
.noteForm .noteFormContainer > ul > #cancelContainer { text-align:right; width:85px; }
.noteForm .noteFormContainer > ul > #cancelContainer a { border:1px solid #ccc; color:#ccc; font-size:0.7em; padding:1px 3px; }
.noteForm .noteFormContainer .noteData { border:1px solid #bebebe; width:240px; height:95px; overflow:hidden; }

/* Viewing a note */
.viewNotePanel .noteFormContainer { background-color:#f8f8f8; border:1px solid #bebebe; width:250px; padding:5px 0 5px 10px; cursor:default; }

.viewNotePanel .noteFormContainer .noteAndClose, .viewNotePanel .noteFormContainer .noteActions { list-style-type:none; margin:0; padding:0; display:inline-table; }
.viewNotePanel .noteFormContainer .noteAndClose li { margin:0; padding:2px 0; display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:22px; }
.viewNotePanel .noteFormContainer .noteAndClose .noteData { width:225px; }
.viewNotePanel .noteFormContainer .noteAndClose li a { border:1px solid #ccc; color:#ccc; padding:1px 3px; font-size:0.7em; text-align:right; }

.viewNotePanel .noteFormContainer .noteActions { padding:10px 0; }
.viewNotePanel .noteFormContainer .noteActions li { margin:0; padding:2px 0; display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:22px; }
.viewNotePanel .noteFormContainer .noteActions li a { font-weight:bold; font-size:0.9em; text-decoration:underline; margin-right:10px; }