Lo del dotted, pues de malas, ya todos pasamos por eso. podrías intentar (si es solo para una línea, no para un cuadro), hacer un gif de dos pixeles de ancho por 1 de alto y pintar un pixel del color que deseas y uno transparente y después ponerlo de background alineado por debajo o por encima, según lo requieras y con repetición horizontal.
Para la segunda parte puedes usar un borde diferente en las cuatro posiciones: arriba, derecha, abajo, izquierda.
ejem:
Código:
.border {
border-top: 2px solid #CCC;
border-right: 3px dotted #FFF;
border-bottom: 1px solid #666;
border-left: 8px solid #FFF;
}
saludos