/* _css/basic.css for CESEI.org
   basic styles for all pages */

/** TAG REDEFINITION **/

/* all tags */
* {
   margin: 0;  /* kill margin for all elements - re-applied predicably below */
   padding: 0;  /* kill padding for all elements - re-applied predicably below */
   }


/* structure module */
/* html, body */
html {
   background-color: #fff;
   color: #000;
   font-family: Verdana, "Lucida Grande", Arial, sans-serif;
   /*font-size: 69%;   11px */
   font-size: 75%;  /* 12px */
   line-height: 1.2em;
   width: 100%;
   height: 100%;
   }

body {
   width: 100%;
   height: 100%;
	}

/* text and text extension module */
/* abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var */
/* b, big, hr, i, small, sub, sup, tt */
address, p, pre {
   margin: 1em 0;
   }
blockquote {
   margin: 1em 40px;
   }
h1 {
   font-size: 1.75em;
   margin: .67em 0;
   color: #366161;
   padding-bottom: 3px;
   border-bottom: 1px solid #366161;
   }
h2 {
   font-size: 1.5em;
   margin: .83em 0;
   color: #2b2b4e;
   padding-bottom: 3px;
   border-bottom: 1px solid #2b2b4e;
   }
h3 {
   font-size: 1.17em;
   margin: 1em 0;
   padding-bottom: 3px;
   color: #39396d;
   border-bottom: 1px solid #39396d;
   }
   /* 434379 */
h4 {
   font-size: 1em;
   margin: 1em 0;
   padding-bottom: 3px;
   }
h5 {
   font-size: 1em;
   padding-top: 0px;
   margin: .8em 0;
   font-weight: normal;
   border-bottom: 1px solid #000000;
   }
h6 {
   font-size: 0.67em;
   margin: 2.33em 0;
   }
code{
   font-size: 1.2em;
   }

/* hypertext module  - see http://dbaron.org/css/1999/09/links */
/* a */
:link, :visited { 
   color: #0969ba; 
   }
:link:focus, :visited:focus {
   outline: 0 none;  /* turn off focus box */
   }
:link:hover, :visited:hover {
   color: #366161; 
   }
:link:active, :visited:active {
   color: #366161; 
   }


/* list module */
/* dd, dl, dt, li, ol, ul */
dl, ol, ul {
   margin: 1em 0 1em 40px;
   }
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {  /* nested lists */
   margin: 0;
   }
ul.inline {  /* inline nav-style list */
   margin: 0;
   }
ul.inline li {  /* inline nav-style list - remember to override on <li> in nested lists */
   display: inline;
   float: left;
   list-style: none;
   }

   
/* form module */
/* button, fieldset, form, input, label, legend, optgroup, option, select, textarea, legend */
fieldset, form {
   border: 0 none;
   margin: 1em 0;
   }
form{
   margin: 0;
   margin-top: 1px; /* hack for firefox colapsing top table borders */
   }
option{
	padding: 0px 8px 0px 4px;
   }
.input-text {  /* input[type=text] */  
	border: 1px solid #999;
	background-color: #fff;
	padding: 2px;
   }
.input-form input.input-text:focus {
	border: 1px solid #0969ba;
   }
.input-form input.input-text:disabled {
	background: #cccccc;
   }
.input-password {  /* input[type=password] */ }
.input-radio {  /* input[type=radio] */  
   position: relative;
   top: 2px;
   margin-right: 3px;
   cursor: pointer;
   cursor: hand;
   }
.input-checkbox {  /* input[type=checkbox] */     
   margin-right: 5px;
   position: relative;
   top: 2px;
   cursor: pointer;
   cursor: hand;
   }
.input-button {	
   border: 1px solid #999;
   /*color: #0969ba;*/
	background-color: #fff;
	padding: 2px 10px;
	margin-left: 5px;
   cursor: hand;
   cursor: pointer;
   }
.input-button:hover {
	background-color: #f5f5ff;
	border: 1px solid #0969ba;
   /*color: #366161;*/
   }
.input-button:disabled {
	background-color: #f5f5ff;
	border: 1px solid #cccccc;
   cursor: default;
   }
.input-form textarea {
	border: 1px solid #999;
	width: 98%;
	padding: 2px;
	margin-right: 2px;
   }
.input-form textarea:focus {
	border: 1px solid #0969ba;;
   }
   /*CRAZY IE hack to prevent the text area from changing size on focus*/
* html .input-form textarea {
    width: expression((parentNode.offsetWidth-60)+"px");
   }
.input-form .ta-tiny_mce-options{
   margin-bottom: 10px;
   }
label {
   padding-right: 5px;
   cursor: pointer;
   cursor: hand;
   }
.label-text {  /* label for input[type=text] */  }
.label-password {  /* label for input[type=password] */  }
.label-radio {  /* label for input[type=radio] */  }
.label-checkbox {  /* label for input[type=checkbox] */  }

.input-form .row {
	padding: 4px 24px 8px 18px;
	margin: 4px;
   background-color: #f3f3f3;
   }
.input-form .row h4{
	margin-top: 0;
   }
.input-form .row.flush-top {
   margin-top: 0;
   }
.input-form .required {
   background: #f3f3f3 url(/_img/icon_required.gif) 8px 8px no-repeat;
   }
.form-margin{
   margin-left: 20px;
   }
.field-note{
   font-size: 0.8em;
   line-height: 1.75em;
	color: #cc0000;
   padding-left: 10px;
   background: url(/_img/dash_cc0000.gif) left 0.9em no-repeat
   }
span.field-note{
   background: none;
}
.form-buttons{
	padding: 8px;
	margin: 4px;
   text-align: center;
   background-color: #f3f3f3;
   }
/* table module */
/* caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr */
table {
   font-size: 1em;  /* for IE5.x PC */
   }


/* image module */
/* img */
img {
   border: 0 none;  /* turn off linked image border */
   }
img.block {
   display: block;  /* remove bottom "padding" on images that should be block level */
   }


/* client-side image map module */
/* area, map */


/* object module */
/* object, embed */


/** GLOBAL CLASSES **/

/* float clearing - see http://css-discuss.incutio.com/?page=ClearingSpace */
.clear-after:after {
   clear: both; 
   content: "."; 
   display: block; 
   height: 0; 
   visibility: hidden;
   }
.clear-after {
   display: inline-table;
   }
/* Hides from IE-mac \*/
* html .clear-after { height: 1%; }
.clear-after { display: block; }
/* End hide from IE-mac */

.clear-all{
   clear: both;
   display: block;
   height: 1px;
   overflow: hidden;
   }
/* last item */
.last {}

/* clickable items */
.clickable {
   cursor: hand;
   cursor: pointer;
   }
.non-href{
   cursor: pointer;
   cursor: hand;
   color: #0969ba;
   font-weight: bold;
   }
.flush-top{
   margin-top: 0;
   padding-top: 0;
   }
.flush-bottom{
   margin-bottom: 0;
   }
.fl-right{
   float: right;
   }
.fl-left{
   float: left;
   }
.error{
   color: #cc0000;
   }
.capitalize{
   text-transform: capitalize;
   }
.plus-minus{
   width: 9px;
   height: 9px;
   overflow: hidden;
   background: url(/_img/plus_minus.gif) no-repeat;
   cursor: hand;
   cursor: pointer;
   }
.pm-plus{
   background-position: 0px 0px;
   }
.pm-minus{
   background-position: 0px -9px ;
   }  
.horizontal-rule{   
   width: 100%;
   height: 1px;
   overflow: hidden;
   background: #39396d
   }
.italic{
   font-style: italic;
   }
.bordered{
   border:1px solid #e0e0e0; 
   }
.pdf-link{
   padding: 0 0 5px 22px;
   background: url(/_img/icons/acrobat.gif) no-repeat;
   }
.mov-link{
   padding: 0 0 5px 22px;
   font-weight: bold;
   background: url(/_img/icons/mov.gif) no-repeat;
   }
.video-link{
   padding: 0 0 5px 22px;
   font-weight: bold;
   background: url(/_img/icons/wmv.gif) no-repeat;
   }
.audio-link{
   padding: 0 0 5px 22px;
   font-weight: bold;
   background: url(/_img/icons/audio.gif) no-repeat;
   }
.word-doc-link{
   padding: 0 0 5px 22px;
   background: url(/_img/icons/word.gif) no-repeat;
   }
/* TinyMCE specific rules */
.defaultSkin a.mceButtonEnabled, .defaultSkin .mceButtonEnabled span, .defaultSkin .mceButtonEnabled .mceIcon{
   cursor: pointer !important;
   cursor: hand !important;
   }
body.mceContentBody {
   font-size: 100%;  /* 12px */
   line-height: 1.7em;
   margin: 0px 6px;
   padding: 0;
   width: 98%;
   }
body.mceContentBody p{
   margin: 0;
   font-size: 100%;  /* 12px */
   }
body.mceContentBody td{
   margin: 0;
   font-size: 100%;  /* 12px */
   }
body.mceContentBody pre{
   margin: 0;
   font-family:  courier new,courier;
   font-size: 12px;  /* 12px */
   }
body.mceContentBody a{
   color: #0969ba; 
   }
div.mceContentBody p{
   margin: 0;
   }
div.mceContentBody td{
   margin: 0;
   }
div.mceContentBody pre{
   margin: 0;
   font-family:  courier new,courier;
   font-size: 12px;
   }
   
   
/* tmce_ font sizes */
.fontSize8pt{
   font-size: 8pt;
   }
.fontSize10pt{
   /* font-size: 75%;   12px */
   }
.fontSize12pt{
   font-size: 12pt;
   }
.fontSize14pt{
   font-size: 14pt;
   }
.fontSize18pt{
   font-size: 18pt;
   }
.fontSize24pt{
   font-size: 24pt;
   }
.fontSize36pt{
   font-size: 36pt;
   }