/*  This is a css comment. Find descriptions of each class in the comment line above it.  */ 




/*  controls the main table which sets the width of the form  */ 
#OSF_mainTBL {background-color:#fff;width:480px;border:1px solid #999999;border-spacing: 8px;padding:0px;}


/*  class for table row with the form title in it  */ 
.OSF_TDheader {background-color:#6396DC;padding: 8px 4px 8px 4px;border-top:1px solid #2D4565;border-bottom:1px solid #2D4565;font:bold 14px verdana;color:#fff;letter-spacing:2px;}


/*  row and column underneath the title row - can be used to create extra spacing  */ 
.OSF_TRspacer {position:relative; visibility: visible;}
.OSF_TDspacer {font:bold 4px verdana;color:#fff;}

/*  left and right column of the ad type row. If using only one ad type, these classes won't do anything  */ 
.OSF_leftTDtop {width:155x;background-color:#fff;padding: 7px 10px 7px 4px;border:1px solid #fff;font:bold 12px verdana;color:#666;text-align:right;}
.OSF_rightTDtop {width:325px;background-color:#fff;padding: 7px 4px 7px 10px;border:1px solid #fff;font:12px verdana;color:#666;text-align:left;}


/*  left and right columns of all middle rows  */ 
.OSF_leftTD {width:155px;background-color:#fff;padding: 7px 10px 7px 4px;border:1px solid #fff;font:bold 12px verdana;color:#666;text-align:right;}
.OSF_rightTD {width:325px;background-color:#fff;padding: 7px 4px 7px 10px;border:1px solid #fff;font:12px verdana;color:#666;text-align:left;}


/*  left and right column of the 'has popup' / 'has sound' rows (traffic form). These classes are here if you'd like to style these rows separately from the others  */
.OSF_leftTDpopOptions {width:155px;background-color:#fff;padding: 7px 10px 7px 1px;border:1px solid #fff;font:bold 12px verdana;color:#666;text-align:right;}
.OSF_rightTDpopOptions {width:325px;background-color:#fff;padding: 7px 4px 7px 10px;border:1px solid #fff;font:12px verdana;color:#666;text-align:left;}


/*  left and right column for row with the 'add to cart' / 'view cart' buttons  */ 
.OSF_leftTDbottom {width:155px;background-color:#fff;padding: 2px 10px 26px 4px;font:bold 12px verdana;color:#666;text-align:right;border:1px solid #fff;}
.OSF_rightTDbottom {width:325px;background-color:#fff;padding: 9px 4px 26px 10px;font:12px verdana;color:#666;text-align:left;border:1px solid #fff;}


/*  class for select boxes  */ 
.OSF_xSELECT {width:260px;padding: 1px 2px 1px 2px;font:12px verdana;color:#333;border:1px solid #ccc;outline: none;}
.OSF_xSELECT:focus {background-color:#f1f1f1;width:260px;padding: 1px 2px 1px 2px;font:12px verdana;color:#333;border:1px solid #333;outline: none;}


/*  class for input boxes  */ 
.OSF_xINPUT {width:255px;padding: 1px 2px 1px 2px;font:12px verdana;color:#333;border:1px solid #ccc;outline: none;}
.OSF_xINPUT:focus {background-color:#f1f1f1;width:255px;padding: 1px 2px 1px 2px;font:12px verdana;color:#333;border:1px solid #999;outline: none;}


/*  class for submit buttons  */ 
.OSF_xSUBMIT {background-color:#f1f1f1;width:115px;padding: 4px 3px 4px 3px;font:12px verdana;color:#333;border:1px solid #ccc;outline: none;}
.OSF_xSUBMIT:hover {background-color:#6396DC;width:115px;padding: 4px 3px 4px 3px;font:12px verdana;color:#fff;border:1px solid #2D4565;outline: none;}


/*  class for styling the area around the 'has popups' / 'has sound' radio buttons including the font (traffic form)  */
.OSF_radioTxt{background-color:#fff;padding: 2px 15px 2px 3px;font:12px verdana;color:#333;border:0px;}


/*  class for styling the test / (?) links  */ 
.OSF_xtestlink {font:bold 12px verdana;color:#ccc;text-decoration:none;}
.OSF_xtestlink:hover {font:bold 12px verdana;color:#999;text-decoration:none;}


/*  class for styling the total  */ 
.OSF_xTOTAL {background-color:#fff;width:255px;padding: 0px 3px 0px 0px;font:bold 16px verdana;color:#E62F17;border:0px solid #fff;}


/*  class for the 'has popup' / 'has sound' popup notes (traffic form)  */
.OSF_xOSNotes {width:135px;background-color:#F6E662;padding: 7px 4px 7px 4px;font:10px verdana;color:#7B6E04;border:1px solid #7B6E04;}


/*  class for the geo-target / ad type popup note (ad type popup note only appears when form is used with more than one ad type)  */
.OSF_xOSgeoNotes {width:255px;background-color:#F6E662;padding: 7px 4px 7px 4px;font:10px verdana;color:#7B6E04;border:1px solid #7B6E04;}


/*  classes for the banner preview box (banner form)  */ 
.OSF_imagePreview {background-color:#fafafa;border: 1px solid #333;}
.OSF_imagePreview a {font:10px verdana;color:#333;text-decoration:none;}
.OSF_imagePreview a:hover {font:10px verdana;color:#333;text-decoration:underline;}


/*  class for the '(This form requires Javascript)' message that displays if your visitor has javascript disabled  */
.OSF_nojs {font:bold italic 12px verdana;color:#FF0000;} 


/*  do not edit. these classes are for switching the form between ad types  */ 
.OSF_ShowimgOptions {position:relative; visibility: visible;}
.OSF_HideimgOptions {display: none;}