/* 
    Document   : grafici
    Created on : 27-ago-2010, 9.42.35
    Author     : fabiozecchini
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.extraGraph{
    width: 774px;
    font-size: 11px;
    color: white;
    font-family: Arial;
    height: auto;
    min-height: 21px;

}

.extraGraph span{
    margin:1px 0px 0px 0px;
}

.notesTab{
    display:block;
	float:left;
    padding-left: 26px;
    padding-top:4px;
    cursor: pointer;
    height: 18px;
	width:117px;
}

.targetTab{
    display:block;
	float:left;
    padding-left: 26px;
    padding-top:4px;
    cursor: pointer;
    height: 18px;
	width:114px;
}
.radioNote{
	background: url(../images/note.gif) 0px 0px no-repeat;
    display:block;
	float:right;
    padding-top:2px;
    //cursor: pointer;
    height: 18px;
	width: 85px;
	vertical-align: top;
}
.radioObb{
	background: url(../images/obb.gif) 0px 0px no-repeat;
    display:block;
	float:right;
    padding-top:2px;
    //cursor: pointer;
    height: 18px;
	width:85px;
}

.radioObb label, .radioNote label {
	margin-left: 20px;
}

.guideNGTab{
   float:right;
   background: url(../images/icon-guida-graf.gif) 12px 0px no-repeat;
   width: 30px;
   padding-right: 12px;
   padding-top:2px;
   cursor: pointer;
   height: 16px;
   display: block;
   position:relative;
}

.notesTab.open{
   background: #fbfbfb url(../images/sf_attivo.gif) left no-repeat;
   width:114px;
   border-left: #666666 1px solid;
   border-top: #666666 1px solid;
   border-right: #666666 1px solid;
   color: #333333;

}

.targetTab.open{
   background: #fbfbfb url(../images/sf_attivo.gif) left no-repeat;
   width:114px;
   border-left: #666666 1px solid;
   border-top: #666666 1px solid;
   border-right: #666666 1px solid;
   color: #333333;
}

.notes span, .targets span{
    float:left;
}

.notes, .targets, .guideNG {
    clear: both;
    width: 772px;
    height: auto;
    margin-top:22px;
    color: #323433;
}

.notes .header, .targets .header{
    color: #323433;
    margin-left:5px;
    padding-top:20px;
    height:20px
}

.messageError{
    border: 1px solid #c20512;
    background: #fef5ec url(../images/statistiche/icon-warning-small.gif) no-repeat center left;
    padding: 5px 0px 5px 50px;
    margin: 15px 10px -10px;
    color: #000000;
}

.messageOk{
    border: 1px solid #00cc00;
    background: #f5fff3 url(../images/statistiche/icon-ok-small.gif) no-repeat center left;
    padding: 5px 0px 5px 50px;
    margin: 15px 10px -10px;
    color: #000000;
}

.notes .container, .targets .container{
    color: #323433;
    margin-left:5px;
    padding-top:5px;
	//max-height:220px;
}

.notes .header .dateStart, .targets .header .dateStart{
    width:10%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}
.notes .header .dateEnd, .targets .header .dateEnd{
    width:10%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}

.targets .header .targetText{
    width:66%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}

.targets .header .targetAction{
    width:12%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	height: 16px;
}

.notes .header .idMet{
    width:15%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}
.notes .header .title{
    width:15%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}
.notes .header .text{
    width:35%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	border-right: #666666 solid 1px;
	height: 16px;
}

.notes .header .action{
    width:12%;
    border-bottom: #323433 solid 1px;
	padding-top: 2px;
	padding-left:2px;
	height: 16px;
}

.notes table {
	border-
}

.notes table td, .targets table td {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	border-bottom: #999999 solid 1px;
}


.startD{
	width: 80px;
	vertical-align: top;
	
}
.endD{
	width: 80px;
	vertical-align: top;
}
.idM{
	width: 120px;
	vertical-align: top;
}
.titN{
	width: 118px;
	vertical-align: top;
}
.Nota{
	width: 270px;
	vertical-align: top;
}

.Obb{
	width: 510px;
	vertical-align: top;
}

.Act{
	width: 75px;
	vertical-align: top;
}

.note, .target{
    clear:both;
    color: #323433;
    margin-left:5px;
}

.note .dateStart, .target .dateStart{
    width:10%;
	padding-top:6px;
}
.note .dateEnd, .target .dateEnd{
    width:10%;
}
.target .targetText{
    width:68%;
}

.target .targetAction{
    width:12%;

}
.note .idMet{
    width:15%;
}
.note .title{
    width:15%;
}
.note .text{
    width:35%;
}
.note .action{
    width:12%;
}

.insertNote, .insertTarget, .modifyNote, .modifyTarget{
    height: 120px;
    border-bottom: #323433 solid 1px;
}

.insertNoteButton, .insertTargetButton{
    background: url(../images/btn.gif);
    width:150px;
    text-align: center;
    margin-left:8px;
    cursor: pointer;
    height: 20px;
	position:relative;
	color:#FFFFFF;
	top:10px;
}

.addNote label, .addTarget label, .modNote label, .modTarget label {
    width: 40%;
    border-bottom: #323433 solid 1px;
    height: 20px;
    display: block;
    clear:both;
    float:left;
    margin-top:5px;

}
.addNote input, .addNote select, .addTarget input, .addTarget select, .modNote input, .modNote select, .modTarget input, .modTarget select {
    width: 45%;
    border: #323433 solid 1px;
    height: 20px;
    display: block;
    font-size: 10px;
    font-family: Arial;
    float:left;
    margin-left:5px;
    padding-left:2px;

}

.addNote select, .addTarget select, .modNote select, .modTarget select {
    height: 25px;
}

.addNote textarea, .addTarget textarea, .modNote textarea, .modTarget textarea {
    width: 45%;
    border: #323433 solid 1px;
    margin-left:5px;
    display: block;
    font-size: 10px;
    font-family: Arial;
    float:left;

}

.right{
    float: right;
    width: 58%;
}

.left{
    float: left;
    width: 38%
}


.guideNG{
    color: #323433;
    width: 730px;
    padding: 5px 0 5px 20px;
    margin-top:5px;
}

.guideNG .point{
    font-weight: bold;
}

.guideNG .title{
    font-weight: bold;
    margin-top:5px;
}

.guideNGText{
    margin:5px;
}