/* common css components */
/*for XHTML Transitional, form fields act weired if we dont specify some properties.
if we dont set border property it assigns default. none wont work.
so width property should be actual size you want-(border width)*2
also set padding: 0px; and margin 0px; to get things work properly
*/
/* for dropdownlist */
.ddl60 { width: 60px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.ddl75 { width: 75px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.ddl250 { width: 250px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.ddl350 { width: 350px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField40 { width: 38px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField125 { width: 123px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField175 { width: 173px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField200 { width: 173px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField250 { width: 248px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField350 { width: 348px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField610 { width: 608px; height: 20px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.txtBoxMulti250x90 { width: 248px; height: 90px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9;}
.txtBoxMulti350x90 { width: 348px; height: 90px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9;}
.txtBoxMulti510x90 { width: 508px; height: 90px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9;}
.txtBoxMulti610x90 { width: 608px; height: 90px; font-family: Verdana, Arial; font-size: 11px; line-height: 17px; color: #000000; padding: 0px; margin: 0px; border: solid 1px #7f9db9;}
.rightAlign { text-align:right;}
.leftAlign { text-align:left;}
.centerAlign { text-align:center;}
/* using divs */
.contentDiv { font-size: 1px; padding:0; clear:both; }
.contentCellDiv { font-size: 1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left; }
.contentCellDivRight { font-size: 1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:right; clear:right; }
/* padding */
.padder2 { padding:2px;}
.padder5 { padding:5px;}
.padder7 { padding:7px;}
.padder8 { padding:8px;}
.padder10 { padding:10px;}
.padder15 { padding:15px;}
/*for positioning*/
.width7 { width:7px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width20 { width:20px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width23 { width:23px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width85 { width:85px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width150 { width:150px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width187 { width:187px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width188 { width:188px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width192 { width:192px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width200 { width:200px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width202 { width:202px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width203 { width:203px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width308 { width:308px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width350 { width:350px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width479 { width:479px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width582 { width:582px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width585 { width:585px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width635 { width:635px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width671 { width:671px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width731 { width:731px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width774 { width:774px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width787 { width:787px; font-size:1px;padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.clearHor1 { width:1px;font-size: 1px; padding:0;height:1px; float:left;}
.clearHor2 { width:2px;font-size: 1px; padding:0;height:1px; float:left;}
.clearHor5 { width:5px;font-size: 1px; padding:0;height:1px; float:left;}
.clearHor10 { width:10px; font-size: 1px; padding:0;height:1px; float:left;}
.clearHor15 { width:15px; font-size: 1px; padding:0;height:1px; float:left;}
.clearHor20 { width:20px; font-size: 1px; padding:0;height:1px; float:left;}
.clearHor35 { width:35px; font-size: 1px; padding:0;height:1px; float:left;}
.clearVer1 { font-size: 1px; padding:0; height: 1px; clear:left; }
.clearVer2 { font-size: 2px; padding:0; height: 1px; clear:left; }
.clearVer3 { font-size: 10px; padding:0; height: 15px; clear:left; color:white;}
.clearVer5 { font-size: 1px; padding:0; height: 5px; clear:left; }
.clearVer8 { font-size: 1px; padding:0; height: 8px; clear:left; }
.clearVer10 { font-size: 1px; padding:0; height: 10px; clear:left; }
.clearVer12 { font-size: 1px; padding:0; height: 12px; clear:left; }
.clearVer15 { font-size: 1px; padding:0; height: 15px; clear:left; }
.clearVer20 { font-size: 1px; padding:0; height: 20px; clear:left; }
.clearVer50 { font-size: 1px; padding:0; height: 50px; clear:left; }
.clearVer100 { font-size: 1px; padding:0; height: 100px; clear:left; }
.clearVer155 { font-size: 1px; padding:0; height: 155px; clear:left; }
.clearVer200 { font-size: 1px; padding:0; height: 200px; clear:left; }
/* for enforcing the div heights */
.height42 { height:42px;overflow:hidden; }
.height97 { height:97px;overflow:hidden; }
.height106 { height:106px;overflow:hidden; }
.height140 { height:140px;overflow:hidden; }
.height163 { height:163px;overflow:hidden; }
.prop62 {float:right;width:1px;height:62px;}
.prop585 {float:right;width:1px;height:585px;}
.prop600 {float:right;width:1px;height:600px;}
.clear { clear:both;font-size:1px;height:1px;line-height:1px;overflow:hidden;}