/*   Reset Styles ----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
.clear { clear: both; font-size: 1px; height: 0px; }
/*--------------------------------------------------------*/

body { font-family: Georgia, "Times New Roman", Times, serif; color: #444; }

#container { width: 960px; margin: auto; padding: 20px;}
#header  { margin: 0 0 20px; }
#content { font-size: 14px; padding: 20px;
-moz-box-shadow: 5px 5px 8px #888;
-webkit-box-shadow: 5px 5px 8px #888;
box-shadow: 5px 5px 8px #888;
}
#footer { padding: 30px 0; border-top: 1px solid #ccc; }

.tab {}

h1,h2,h3,h4,h5 {  }
h1 { font-size: 150%; }
h2 { font-size: 125%; margin-bottom: 16px; }
h3 { font-size: 100%; font-style: italic; margin-bottom: 16px; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }



.plan-form { width: 460px; }

.plan-form .form-item { position: relative; width: auto; clear: both; margin: 0 0 20px 0; overflow: visible; }
/*
.plan-form .labelContainer { display: block; float: left; width: 200px; padding: 0 10px 0 0; text-align: right; }
.plan-form .inputContainer { display: block; float: left; width: 200px; padding: 0 10px 0 0; }
.plan-form .infoContainer  { display: block; float: left; width: 200px; padding: 0 10px 0 0; }
*/

.plan-form .labelContainer { display: block; padding: 0 10px 10px 0; }
.plan-form .inputContainer { display: block; padding: 0 10px 10px 0; }
.plan-form .infoContainer  { display: block; padding: 0 10px 0 0; }
.plan-form .textContainer  { display: block; padding: 0 10px 10px 0; }


.plan-form input[type=text] { width: 400px; border: 1px solid #999; padding: 6px 8px; }

/*.plan-form label { display: block; float: left; clear: left; width: 200px; padding: 0 10px 0 0; text-align: right; }*/

textarea { width: 100%; height: 100px; border: 1px solid #999; padding: 6px 8px; }
textarea.small { height: 50px; }

.plan-form fieldset { margin: 0 0 20px 0; padding: 0 0 0 60px; border: 1px solid #ddd; }
.plan-form fieldset p {  }
.plan-form fieldset p label { }
.plan-form fieldset .textareaContainer { width: 380px; }

.plan-form fieldset fieldset {}
.plan-form fieldset fieldset p {  }
.plan-form fieldset fieldset label { }
.plan-form fieldset fieldset .textareaContainer { width: 320px; }

blockquote { padding-left: 40px; }
blockquote textarea { width: 100%; }
blockquote blockquote textarea { width: 100%; }

small { display: block; color: #000; font-size: 0.85em; font-style: italic; }

.el-err-msg { color: red; }
/*.el-inf-msg { position: absolute; top: 0; right: -400px; width: 360px; padding: 6px 8px 12px 24px; background: url(/assets/img/fff/information.png) no-repeat 0 4px; }*/
.el-inf-msg { float: left; width: 360px; padding: 6px 8px 12px 24px; background: url(/assets/img/fff/information.png) no-repeat 0 4px; }


/*
.plan-form fieldset fieldset.Learning_Activities {}
.plan-form fieldset fieldset.Learning_Activities p { float: left; clear: none; width: 268px; }
.plan-form fieldset fieldset.Learning_Activities p label { display: block; float: none; width: auto; text-align: left; }
.plan-form fieldset fieldset.Learning_Activities .textareaContainer { float: none; width: 260px; }
*/