h1
{
    /* The title of the page */
    color: white;
    font-family: "MyRiad Pro" ,Arial,Helvetica,sans-serif;
    font-size: 38px;
    font-weight: normal;
}

h2
{
    /* The subtitle */
    font-family: "MyRiad Pro" , "Arial Narrow" ,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-left: 2px;
    white-space: nowrap;
    margin: 10px 0 25px;
}

#orig
{
    /* The link that float to the right of the title */
    float: right;
    font-family: "MyRiad Pro" ,Arial;
    font-size: 10px;
    letter-spacing: 1px;
    padding-top: 10px;
}

.clear
{
    /* Clearfix, needed by IE6 */
    clear: both;
}

#main
{
    /* The main container */
    width: 600px;
    margin: 30px auto;
}

#commentHolder0 
{
    /* CSS rounded corners */
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: transparent;    
    margin-bottom:10px;    
}
 #commentHolder1 
{
    /* CSS rounded corners */
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: transparent;        
    margin-bottom:20px;
}
 #commentHolder2
{
    /* CSS rounded corners */
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: transparent;        
    margin-bottom:30px;
}

 #commentHolder3
{
    /* CSS rounded corners */
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: transparent;        
    margin-bottom:30px;
}

#Wave
{
    /* CSS rounded corners */
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: transparent;
}

#topBar
{
    background: url(images/LayoutImages/bg.jpg) repeat-x;
    font-size: 12px;
    color: white;
    height: 20px;
    overflow: hidden;
    padding: 5px 0 0 10px;
    border-bottom: 1px solid #e4f1ff;
    -moz-border-radius: 6px 6px 0 0; /* A Firefox fix, for once */
}

#bottomBar
{
    height: 40px;
    background-color: #c9e2fc;
    -moz-border-radius: 0 0 6px 6px;
    border-top: 1px solid #CCCCCC;
}

#subBar
{
    background-color: #c9e2fc;
    padding-left: 10px;
}

#subBar img
{
    /* The avatars at the top of the page */
    margin: 8px 8px 8px 0;
    border: 1px solid #cccccc;
}

.waveButton, .waveButtonMain
{
    /* The submit buttons */
    background: url(images/LayoutImages/button_bg.jpg) repeat-x 50% 50%;
    border: 1px solid #DDDDDD;
    padding: 4px;
    cursor: pointer;
}

.waveButtonMain
{
    display: block;
    margin: 10px 20px;
}

.textArea
{
    padding: 4px;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 12px;    
    border: 1px solid #66aff9;
    margin-bottom: 10px;
}

.replyLink
{
    float: right;
}

#commentArea
{
    padding: 10px 10px 10px 0;
    color: #444444;
    word-wrap: break-word;
 /*   width: 455px;*/
}

.invoiceCommentArea
{
   color: #000;    
    overflow-x: hidden;
    /*overflow-y: scroll;*/    
    width: 100%;
    word-wrap: break-word;    
}
.waveComment, .invoiceCommentText
{   
    padding-top: 0px;    
    white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/*.waveComment .waveComment .replyLink
{
    display: none;
}*/

.waveTime
{
    color: #565051;
    float: right;
    font-size: 11px;
}
div.ui-widget-content
{
    /* Styling the slider */
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    
}

.comment, .noteComment
{
    margin: 5px 0 0 0px;
    padding: 2%;
    border: 2px solid #186003;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;    
    /*background-color:#99cc66;*/
}

.noteCommentReply
{   
    border: 1px solid #99cc66;
    /*background-color:#d8ffd8;*/
}

span.name
{
    font-weight: bold;
    color: #4B0082;
    padding-right: 3px;
    padding-left:3px;
}

.commentAvatar
{
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.replyLink a, .replyLink a:visited
{
    color: #0000A0;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
    text-decoration:none;
    font-weight:bold;
}

.waveComment a, .waveComment a:visited
{
    color: #0390c3;
    font-size: 10px;
}



.tutorial-info
{
    text-align: center;
    padding: 10px;
}


.textareaLink
{
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.commentText a, .noteCommentText a
{
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}




.comment_close a
{
    background: url("../../images/LayoutImages/rowdelete.png") no-repeat scroll 0 0 transparent;
   cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-left: 10px;
    margin-right: -22px;
    margin-top: -5px;
    width: 30px;
}

.note_comment_close a
{
    background: url("../../images/LayoutImages/rowdelete.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-left: 10px;
    margin-right: -22px;
    margin-top: -5px;
    width: 30px;
}


.reply_close a
{
    background: url("../../images/LayoutImages/rowdelete.png") no-repeat scroll 0 0 transparent;
   cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-left: 10px;
    margin-right: -22px;
    margin-top: -5px;
    width: 30px;
}
.note_reply_close a
{
    background: url("../../images/LayoutImages/rowdelete.png") no-repeat scroll 0 0 transparent;
   cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-left: 10px;
    margin-right: -22px;
    margin-top: -5px;
    width: 30px;
}

.newcomment {
position: absolute;
right: 30px;
padding: 5px;
z-index: 9000;
margin-top: -36px;
 }

.invoiceWaveComment {
width:98%;
margin: 0 auto;
}