#knittingchartwrapper{
position:relative; 
top:0px; 
left:0px; 
width:120px; 
height:395px; 
margin:0px;
}
#knittingchartwrapper .copybutton{
position:absolute; 
bottom:5px; 
left:3px; 
height:15px; 
width:40px; 
font-size:8px; 
font-weight:bold; 
font-family:verdana;
}
table.knittingthin{
width:120px; 
border-collapse:collapse;
text-align:center; 
font-family:verdana; 
font-size:10px; 
font-weight:normal; 
color:#308e06;
}
table.knittingthin caption{
font-family:verdana; 
font-weight:bold; 
font-size:10px; 
padding-bottom:3px;
}
table.knittingthin td{
line-height:13px;
}





#snagwindow{
position:relative; 
height:240px; 
width:500px; 
background-image:url("http://www.secretcorridor.co.uk/snags/IMAGES/snagwindow.gif"); 
margin:0px; 
font-family:verdana; 
font-size:13px; 
color:#330011; 
}
#previewpane{
position:absolute; 
top:68px; 
left:46px;  
height:120px; 
width:120px;
frame-border:1px;
overflow:hidden;
scrolling:no;
}
#windowtitle{
position:absolute; 
top:35px;
left:205px;
color:#956839;
font-size:18px; 
}
#windowblurb{
position:absolute; 
top:60px; 
left:205px;
width:260px;
}
#snagwindow textarea{
position:absolute;
top:100px;
left:205px;
height: 50px; 
width:260px;
color:rgb(51, 51, 51);
font-family:verdana;
font-size:10px;
}
#customiselink{
position:absolute;
top:157px;
right:65px;
color:#6699cc;
font-family:verdana;
font-size:24px;
text-align:right;
}
#customiselink a:link{color:#ff6600; text-decoration:none;}
#customiselink a:visited{color:#ff6600; text-decoration:none;}
#customiselink a:hover{color:#956839; text-decoration:none;}

#windowlinks{
position:absolute;
top:195px;
right:30px;
width:280px;
font-family:verdana;
font-size:11px;
text-align:right;
}
#windowlinks a:link{color:#956839; font-size:9px; text-decoration:none;}
#windowlinks a:visited{color:#956839; font-size:9px; text-decoration:none;}
#windowlinks a:hover{color:#ff6600; font-size:9px; text-decoration:none;}



#instructionlink{
position:absolute;
top:157px;
right:65px;
color:#6699cc;
font-family:verdana;
font-size:24px;
text-align:right;
}
#instructionlink a:link{color:#ff6600; text-decoration:none;}
#instructionlink a:visited{color:#ff6600; text-decoration:none;}
#instructionlink a:hover{color:#956839; text-decoration:none;}



#windowimg{
position:absolute; 
top:34px; 
left:33px;  
height:150px; 
width:150px;
}







table.example{width:120px; border-collapse:collapse; text-align:center; font-family:verdana; font-size:10px; font-weight:normal; color:#308e06;}

table.example caption{font-family:verdana; font-weight:bold; font-size:10px; padding-bottom:3px;}

table.example td{line-height:13px;}




#snagcodebox .knittingchartexample{float:left; margin-left:20px; margin-bottom:30px; padding:5px; border:2px #4a2a1d solid;}

#snagcodebox .knittingchartcustomtext{float:right; margin-right:30px; width:230px;}

#snagcodebox .knittingchartcustomtext .colorpicker{width:140px; margin-left:auto; margin-right:auto; margin-top:20px; text-align:left;}

#snagcodebox .knittingchartcustomtext .colorpicker input{margin-left:20px; margin-top:5px;}
#snagcodebox .knittingchartcustomtext .colorpicker img{margin-top:20px; border:0px;}