/**
 * CSS by Sean Harvey of SilverStripe
 */

/* Form element styling
 * Note that this is 'namespaced' into the CenterContent ID
 * so that you can customise your forms in other parts of
 * the layout
 */
#CenterContent form * {
}
  #CenterContent form fieldset {
    border: none;
  }
  
  	 /* Form messages (validation, errors) styling */
    #CenterContent .message {
	   color: #3b740e;
      background: #caf1ab;
		border: 1px solid #66a634;
      padding: 5px;
		margin: 10px 0;
    }
	 	#CenterContent .message.warning {
			background: #fff3db;
			border: 1px solid #ff7e00;
			color: #ff7e00;
		}
		#CenterContent .message.bad {
			background: #fff3db;
			border: 1px solid #ff7e00;
			color: #ff7e00;
			margin-bottom: 20px;
		}
    #CenterContent span.message {
      width: 300px;
    }
	 
	 /* Form standard field container styling */
    #CenterContent form div.field {
      margin-top: 15px;
      width: 100%;
      clear: left;
    }
	 
	 /* Form label styling */
    #CenterContent form label {
      color: #333;
		font-weight: bold;
    }
      #CenterContent form label.left {
        float: left;
        width: 15em;
        padding: 3px;
      }
		
		/* Form headers from UserDefinedForm styling */
      #CenterContent form .FormHeading {
        font-size: 18px;
        color: #c39720;
		  clear: both;
      }
	
	 /* Form input styling */
    #CenterContent form input.text,
    #CenterContent form textarea,
    #CenterContent form select,
    #CenterContent form .numeric {
      width: 200px;
      color: #333;
      padding: 3px;
    }
      #CenterContent form select {
        width:208px;
      }
      #CenterContent form .numeric {
        width: 25px;
        margin-right: 3px;
      }
			#CenterContent form .numeric input {
				width: 25px;
			}
      #CenterContent form input.year {
        width: 35px;
      }
		
	/* checkboxsetfield styling */	
    .checkboxsetfield span {
      display: block;
    }

	 /* checkbox optionset, and standard optionset styling */
    .checkboxset .optionset,
	 ul.optionset {
      padding-left: 15.05em;
    }
	    .optionset li {
	      list-style-type: none !important;
	    }
	 
	 /* date calendar styling for date fields */
    .dmycalendardate {
      color:#333;
    }
    .dmycalendardate span {
      display: block;
    }
    
	 /* checkbox field styling */
    p.checkbox {
      padding:10px 3px 0 15.5em;
    }
    
	 /* form action styling */
    #CenterContent form .Actions {
      width: 395px;
		margin-top:10px;
      text-align: right;
    }
      #CenterContent form .Actions input {
        padding: 2px;
      }

	#MediaSubscribeForm {
	}

	/* MediaSubscribeForm_MediaSubscribeForm */
	#MediaSubscribeForm_MediaSubscribeForm {
		position: relative;
	}
		#MediaSubscribeForm_MediaSubscribeForm div.field {
			margin-top: 0 !important;
			width: 200px !important;
		}
			#MediaSubscribeForm_MediaSubscribeForm div.field input {
				width: 120px !important;
			}
		#MediaSubscribeForm_MediaSubscribeForm .Actions {
			width: 70px !important;
			text-align: center;
		}
			/* hacky kinda way to do this */
			#MediaSubscribeForm_MediaSubscribeForm .Actions input {
				position: absolute;
				left: 145px;
				top: 17px;
			}
			html > body #MediaSubscribeForm_MediaSubscribeForm .Actions input {
				top: 5px;
			}