/*  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 {width:550px;border:0px solid #000;border-spacing: 0px;padding:0px;}


/*  class for table row with the form title in it  */ 
.OSF_TDheader {background-color:#F1F8AF;padding: 13px 10px 13px 4px;border:1px solid #858D3E;font:bold 20px verdana;color:#858D3E;letter-spacing:2px;}


/*  row and column underneath the title row - can be used to create extra spacing  */ 
.OSF_TRspacer {display: none}
.OSF_TDspacer{display: none}


/*  left and right column of the ad type row. If using only one ad type, these classes won't do anything  */ 
.OSF_leftTDtop {width:175px;background-color:#FBFDE5;padding: 11px 10px 11px 4px;border-right:0px;border-left:1px solid #858D3E;font:bold 16px verdana;color:#858D3E;text-align:right;}
.OSF_rightTDtop {width:375px;background-color:#FBFDE5;padding: 11px 4px 11px 10px;border-right:1px solid #858D3E;font:16px verdana;color:#858D3E;text-align:left;}


/*  left and right columns of all middle rows  */ 
.OSF_leftTD {width:175px;background-color:#FBFDE5;padding: 11px 10px 11px 4px;border-right:0px;border-left:1px solid #858D3E;font:bold 16px verdana;color:#858D3E;text-align:right;}
.OSF_rightTD {width:375px;background-color:#FBFDE5;padding: 11px 4px 11px 10px;border-right:1px solid #858D3E;font:16px verdana;color:#858D3E;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:175px;background-color:#FBFDE5;padding: 15px 10px 15px 4px;border-right:0px;border-left:1px solid #858D3E;font:bold 16px verdana;color:#858D3E;text-align:right;}
.OSF_rightTDpopOptions {width:375px;background-color:#FBFDE5;padding: 15px 4px 15px 10px;border-right:1px solid #858D3E;font:16px verdana;color:#858D3E;text-align:left;}


/*  left and right column for row with the 'add to cart' / 'view cart' buttons  */ 
.OSF_leftTDbottom {width:175px;background-color:#F1F8AF;padding: 13px 10px 15px 4px;border-top:1px solid #858D3E;border-left:1px solid #858D3E;border-bottom:1px solid #858D3E;font:bold 16px verdana;color:#858D3E;text-align:right;}
.OSF_rightTDbottom {width:375px;background-color:#F1F8AF;padding: 13px 4px 15px 10px;border-top:1px solid #858D3E;border-right:1px solid #858D3E;border-bottom:1px solid #858D3E;font:16px verdana;color:#858D3E;text-align:left;}


/*  class for select boxes  */ 
.OSF_xSELECT {background-color:#fff;width:300px;padding: 2px 3px 2px 3px;font:16px verdana;color:#858D3E;border:1px solid #DFE3B9;outline: none;}
.OSF_xSELECT:focus {background-color:#E7F1F5;width:300px;padding: 2px 3px 2px 3px;font:16px verdana;color:#2A4D5A;border:1px solid #B0CCD6;outline: none;}


/*  class for input boxes  */ 
.OSF_xINPUT {background-color:#fff;width:292px;padding: 2px 3px 2px 3px;font:16px verdana;color:#858D3E;border:1px solid #DFE3B9;outline: none;}
.OSF_xINPUT:focus {background-color:#E7F1F5;width:292px;padding: 2px 3px 2px 3px;font:16px verdana;color:#2A4D5A;border:1px solid #B0CCD6;outline: none;}


/*  class for submit buttons  */ 
.OSF_xSUBMIT {background-color:#fff;width:125px;padding: 3px 3px 3px 3px;font:16px verdana;color:#3D4307;border:1px solid #858D3E;outline: none;}
.OSF_xSUBMIT:hover {background-color:#858D3E;width:125px;padding: 3px 3px 3px 3px;font:16px verdana;color:#fff;border:1px solid #3D4307;outline: none;}


/*  class for styling the area around the 'has popups' / 'has sound' radio buttons including the font (traffic form)  */
.OSF_radioTxt{background-color:#FBFDE5;padding: 2px 15px 2px 2px;font:16px verdana;color:#858D3E;}


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


/*  class for styling the total  */ 
.OSF_xTOTAL {background-color:#FBFDE5;width:292px;padding: 0px 0px 3px 0px;font:bold 20px verdana;color:#90413F;border:0px;}


/*  class for the 'has popup' / 'has sound' popup notes (traffic form)  */
.OSF_xOSNotes {width:165px;background-color:#F8F1E9;padding: 7px 4px 7px 4px;font:14px verdana;color:#90693F;border:1px solid #E3CFBA;}


/*  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:292px;background-color:#F8F1E9;border:1px solid #E3CFBA;padding: 7px 4px 7px 4px;font:14px verdana;color:#90693F;}


/*  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 ad weight field  */ 
.OSF_xAdw {background-color:#FBFDE5;width:292px;padding: 2px 3px 2px 3px;font:16px verdana;color:#858D3E;border:1px solid #FBFDE5;outline: none;} 

/*  classes for the text ad preview box (text ad form)  */ 
.OSF_textPreviewBg {background-color:#fff;border: 1px solid #000;}
.OSF_textPreviewHdr {color:#1111CC;}
.OSF_textPreviewDescr {color:#000000;}
.OSF_textPreviewUrlpv {color:#0E774A;}

/*  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}