/*

This is the css that Silverpop can control. 
CSS added here can override the main stylesheet
and will appear in the CMS style dropdown.
Use with caution.

-----

TO EDIT:
Download this file to your desktop, make your 
changes and re-upload back into the file manager,
overwriting the previous version.

NOTE:
In order for a style to appear in the CMS style dropdown,
you must add an EditMenuName property with the name
of the style as you'd like it to appear in the dropdown.

ex: EditMenuName: My New Style;

*/

/*	Default  
----------------------------*/
body { margin: 0; height: 100%; width: 100%; background: #fff; color: #333; font: normal 14px/1.4 Arial, Helvetica, sans-serif; counter-reset: section; }


/*	Headings  
----------------------------*/
h1 { EditMenuName: h1; font-size: 1.714em; }
h2 { EditMenuName: h2; font-size: 1.571em; font-weight: normal; margin: 0 0 5px; }
h3 { EditMenuName: h3; font-size: 1.143em; }
h4 { EditMenuName: h4; font: normal 1.714em "Fanwood Text" , "Times New Roman" , serif; }
h5 { EditMenuName: h5; font: bold 0.857em Arial; margin: 0 0 4px; }
h6 { EditMenuName: h6; margin: 0; font-size: 0.786em; }
p  { EditMenuName: p; margin: 0 0 20px; }

blockquote { EditMenuName: Quote; margin: 20px 0; color: #666; }
blockquote p { margin: 0; }
blockquote strong { font: italic normal 1.429em 'Fanwood Text' , 'Times New Roman' , serif; color: #2AA399; }


/*	Buttons  
----------------------------*/
.btn, input[type=submit] { EditMenuName: Primary Button; display: inline-block; height: 29px; font: bold 12px/29px Arial; padding: 0 20px; background: #30b1a7; color: #000; border: 0; text-transform: uppercase; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; -ms-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; }
.btn:hover, input[type=submit]:hover { background: #eee; color: #000; text-decoration: none; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; -ms-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; }
.btnSecondary { EditMenuName: Secondary Button; display: inline-block; height: 29px; font: bold 12px/29px Arial; padding: 0 20px; background: #999; color: #000; border: 0; text-transform: uppercase; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; -ms-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; }
.btnSecondary:hover { background: #b3b3b3; color: #000; text-decoration: none; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; -ms-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; }


/*	Classes  
----------------------------*/
.hidden { EditMenuName: Hidden; display: none !important; visibility: hidden; }
.left { EditMenuName: Float Left; float: left; }
.right { EditMenuName: Float Right; float: right; }
img.left { EditMenuName: Float Image Left; margin-right: 20px; }
img.right { EditMenuName: Float Image Right; margin-left: 20px; }
.clear { EditMenuName: Clear Floats; clear: both; }
.darkOpaque { EditMenuName: Black Opaque Background; background-color: rgba(0,0,0,.8); }
.no-rgba .darkOpaque { background-image: url(/img/fallback/opaque_000000_80.png); background-repeat: repeat; }
.errorMsg { EditMenuName: Error/Warning Message; font: bold 12px Arial; color: #e34343; }
.errorMsg p { margin-bottom: 10px; }

.arial16 { EditMenuName: Arial 16; font-family: Arial, sans-serif !important; font-size: 16px !important; }
.arial12 { EditMenuName: Arial 12; font-family: Arial, sans-serif !important; font-size: 12px !important; }
.arial11 { EditMenuName: Arial 11; font-family: Arial, sans-serif !important; font-size: 11px !important; }
.arial10 { EditMenuName: Arial 10; font-family: Arial, sans-serif !important; font-size: 10px !important; }