@import url(/media-library/resources/css/import.css);

.esu-table {border-collapse: collapse; 
                  margin-bottom: 16px;} 

.esu-table td, .esu-table th {border: 1px solid #069; 
                                           padding: 4px; 
                                           vertical-align: top; 
                                           text-align: left;} 
.esu-table th {background-color: #ECF6FF; 
                      color: #069;} 
.esu-table ul {margin-top: 0; 
                      margin-bottom: 0;} 

.textbox {padding:2px 6px 4px 6px; color: black; background-color: #eeeeee; border: #dddddd 2px solid; margin-bottom: 1.5em;} 
.textbox1 {padding:2px 6px 4px 6px; height: 380px; color: black; background-color: #eeeeee; border: #dddddd 2px solid; margin-bottom: 1.5em;} 

#contentBox 
{border:1px solid #ccc; 
padding:5px;} 

#a-z-blocks {float: right; 
              width: 99%; 
              padding-bottom: 12px;} 

#a-z-blocks ul {margin: 0; 
                padding: 0;} 

#a-z-blocks li {display: inline; 
                margin: 0; 
                padding: 0;} 

#a-z-blocks a, 
#a-z-blocks span {padding: 4px; 
                  margin-right: 2px; 
                  border: 1px solid #900; 
                  background-color: #EEE; 
                  line-height: 2em;} 
#a-z-blocks a {color: #036; 
               text-decoration: none;} 
#a-z-blocks a:hover {background-color: #FEE; 
                     border-color: #F00;} 
#a-z-blocks span {color: #999;} 

#el-subpage-wrapper h2 {margin-bottom: 0;} 

#el-subpage-wrapper p, 
#el-subpage-wrapper ul {margin: 4px 0;} 

#details {width: 350px; 
          border: 1px solid #CCC; 
          padding: 8px; margin-bottom: 1em} 
#details h2 {margin: 0; 
             font-size: 105%; 
             font-weight: bold; 
             color: #006;} 

div#standard-width {width: 800px;} 

div#el-subpage-wrapper {width: 800px;} 

div#el-subpage-wrapper img, 
.previewdiv {float: right; margin: 0 0 20px 20px;} 

div#el-subpage-wrapper .previewdiv {width: 400px; height: 249px;} 


/* e-learning pages - support and tools ------------------------------------------------------------------------- */ 

#el-tools-content { float:left; vertical-align:top; width:64%; margin:0; padding:0;} 
#el-tools-sidebar { float:right; vertical-align:top; width:32%; margin:0; padding:0;} 

#el-tools-content h2 { -webkit-margin-before: 0; } 

.el-tools-links, .el-tools-help, .el-tools-alert, .el-tools-more  { padding: 10px; margin: 10px 0 30px 0 ; background: #f6f6f0; border: 1px solid #ccc;   
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
   
.el-tools-links h2 { margin: 0; }
.el-tools-help h2, .el-tools-alert h2, .el-tools-more h2 { margin: 0 0 5px 0; }
.el-tools-links p, .el-tools-help p, .el-tools-alert p, .el-tools-more p { margin: 0 0 5px 0; color: #333; font-size: 95%; }   
.el-tools-help li, .el-tools-alert li, .el-tools-more li { color: #333; font-size: 95%; }   

.el-tools-links h2, .el-tools-links h2 a { color: #8FA834; }   
.el-tools-links p a { color: #707e3d; }

.el-tools-help h2, .el-tools-help h2 a, .el-tools-alert h2, .el-tools-alert h2 a, .el-tools-more h2, .el-tools-more h2 a { color: #a1324c; }   
.el-tools-help p a, .el-tools-help li a, .el-tools-alert p a, .el-tools-alert li a, .el-tools-more p a, .el-tools-more li a { color: #793a74; }


/* e-learning pages - current projects ---------------------------------------------------------------------------*/   

.project-completed,   
.project-active {width: 50%; padding: 10px; margin: 10px 0 30px 0 ; background: #f6f6f0; border: 1px solid #ccc;   
-webkit-border-radius: 6px;   
-moz-border-radius: 6px; border-radius: 6px; }   

.project-completed h3,   
.project-active h3 { margin: 0 0 5px 0; border-bottom: 1px solid #ccc}   

.project-active p,   
.project-completed p {color: #333; font-size: 95%;}   

.project-active ul,   
.project-completed ul {color: #333; font-size: 95%;}   

.project-active a,   
.project-completed a {color: #333}   

.project-completed span,   
.project-active span {font-weight: bold }   

.project-active h3 {color: #8FA834; }   
.project-active h3 a {color: #8FA834; }   

.project-completed h3 {color: #b21457; }   
.project-completed h3 a {color: #b21457; }   

p.status {float: right; font-weight: bold; font-size: 105%; background: #fff; color: #333; padding: 5px; margin: 10px; border: 1px solid #ccc; -webkit-border-radius: 6px;   
-moz-border-radius: 6px; border-radius: 6px}   
p.launch {border-top: 1px dashed #ccc; font-style: italic; padding-top: 3px}


/* e-learning pages - ideas for practice ---------------------------------------------------------------------------*/   

.el-ideas-table { border-collapse:collapse; }
.el-ideas-table table { border:0; }
.el-ideas-table td { border: 20px solid white; padding:0; background-color:#eeece0; }
.el-ideas-table a { text-decoration:none; color:black; }
.el-ideas-table a:hover { text-decoration:underline; }
.el-ideas-table img { border: 0; }


/* e-learning pages - fixed width div used for some page layouts ---------------------------------------------------------------------------*/   

.el-fixed-width-content { width:780px; padding:0; margin:0; border:0; }

/* Buttons */

a.button-style {color: #FFF !important;
               background-color: #333 !important;}

a.button-style:hover {background-color: #777 !important;}


/* Ideas for practice boxes */

.ideas h3 {font-size: 75% !important; font-weight: bold !important;}
.ideas h3 a:hover {text-decoration: underline !important;}


/* box-style-three without image */
#uobcms-content .box-style-three.no-image h2 {display: block; margin: 0;}

.box-style-three .box-border {margin-bottom: 1.5em;}