/* generic form classes */

.form { font-size: 12px; }
     
.form .box { width:535px; margin-top:16px; }
.form .box .title { color: #fff; height: 15px; font-weight: bold; font-size:12px; background: url('../img/form/Rounded-Top.gif') bottom left #fff no-repeat; padding: 5px 15px 5px 15px; margin: 0;}
.form .box .title select { vertical-align: top; font-size: 11px; }
.form .box .title a { color: #F47B1F; }
.form .box .title h1 { font-size: 12px; color: #fff; }
.form .box .content { padding: 15px 15px 10px 15px; border-left: 1px solid #000; border-right: 1px solid #000; position: relative; }
.form .box .content .title { background: #fff; }
.form .box .content .empty { padding: 10px; font-style: italic; }
.form .box .smallpadding { padding: 5px; }
.form .box .cleartop { padding-top: 0px; }
.form .box .bottom { font-size: 1px; background: url('../img/form/Rounded-Bottom.gif') no-repeat top left #fff; height: 16px; }
.form .shortbox { width: 246px; }
.form .shortbox .title { height: 15px; background: url('../img/form/Rounded-Top-Short.gif') top left #fff no-repeat; }
.form .shortbox .cleartitle { background: url('../img/form/Rounded-Top-Short-Clear.gif') top left #fff no-repeat; }
.form .shortbox .bottom { background: url('../img/form/Rounded-Bottom-Short.gif') no-repeat top left #fff; height: 16px; }
.form .contentbox { width: 535px; }
.form .contentbox ul.nobottommargin { margin-bottom: 0px; }
.form .topbox { margin-top: 0px; }
        
.form div.field { padding-bottom: 10px; }
.form div.field input { width: 200px; }
.form div.field textarea { width: 200px; }
.form div.field select { width: 206px; }
.form div.small input { width: 94px; }
.form div.small select { width: 101px; }
.form div.medium select { width: 300px; }
.form div.large input { width: 394px; }
.form div.large textarea { width: 394px; }
.form div.large select { width: 401px; }
.form div.extrasmall input { width: 15px; }
.form div.checkboxfield { padding-bottom: 10px; }
.form div.texteditor select { width: auto; }

.form div.field .columnlabel { float: left; width: 70px; padding-top: 4px; padding-bottom: 10px; }
.form div.field .columnfield { float: left; width: 115px; padding-bottom: 10px; }

.form div.field .left { float: left; width: 115px; }
.form div.field .right { float: left; }
.form div.field .middle { float: left; height: 16px; padding-left: 15px; padding-right: 15px; padding-top: 6px; }

.form div.help { padding-bottom: 10px; font-style: italic; }
.form span.required { font-weight: bold; }
.form span.optional { font-weight: bold; }
.form span.asterisk { font-weight: bold; color: #a30000; padding-left: 3px; }
.form input.required_field { }
.form select.required_field { }
.form .validator_box { background-color: lemonchiffon; }

.form .error { color: Red; padding-top: 10px; }
.form .clear { clear: both; }

.form .formButton { margin: auto; width:503px;  }
.form .formButton td { text-align: center;}
.form .formButtons { width:503px; }
.form .formButtons td { padding-top: 10px;}
.form .formButtons .spacer { width: 4%; }
.form .formButtons .leftButton { text-align: right; width: 48%; float: right; }
.form .formButtons .rightButton { text-align: left; width: 48%; }

/* custom form classes */

.form .subscriptionlevels { width: 100%; padding: 5px; font-weight: bold; }
.form .subscriptionlevels .header { }
.form .subscriptionlevels .header td { text-align: center; }
.form .subscriptionlevels .category { }
.form .subscriptionlevels .label { color: #036; width: 25%; }
.form .subscriptionlevels .standard { color: #828282; text-align: center; width: 25%; }
.form .subscriptionlevels .premium { color: #828282; text-align: center; width: 25%; }
.form .subscriptionlevels .custom { color: #828282; text-align: center; width: 25%; }
.form .subscriptionlevels .asterisk { color: #000; }