html
{
   overflow-y: scroll;
}

body
{
   /*background: #656a70 url('../images/body_bg_gradient.png') repeat-x center top;*/
   /*background: #a6aeb8 url('../images/body_bg_gradient2.png') repeat-x center top;*/
   /*background: #4c0000 url('../images/idma_background2.jpg') repeat-x center top;*/
   background: #880701 url('../images/idma_background2.jpg') no-repeat center top;
   background-attachment: fixed;
   
   font-family: arial;
   margin-top: 0px;
   padding-top: 0px;
   
   text-align: center;
}

body a
{
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

body img
{		
    border: hidden;
}
img {
   border: none;
}
    
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
* Bump up IE to get to 13px equivalent
*/
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
    
#logo
{
   margin-top: 4px;
   margin-bottom: 4px;
   border: 0px;
}

#header
{
   width: 960px;
   
   margin-top: 0px;
   
   margin-bottom: 5px;
}

#headerTitle
{
   width: 40%;
   text-align: left;
   vertical-align: middle;
}

#headerTitle img
{
   padding-right: 4px;
}

#headerTitle a
{
   font-family: serif;
   font-weight: bold;
   color: black;
   
}

#headerSession
{
   width: 50%;
   text-align: right;
   white-space: nowrap;
}

#headerSession a
{
   color: #dddddd;   
}

#navMenu {
   width: 960px;
   /*border: 1px solid #333333;*/
   /*background: black url('../images/navmenu_gradient.png') repeat-x center top;*/
   border-width: 0px;
   background-color: #000000;
   /*border-top: 8px solid #4977C7;*/
   /*border-top: 8px solid #2647a0;*/
   margin-top: 2px;
   /*border-bottom: 2px solid #B7EB5B;*/
   /*border-bottom: 4px solid #2647a0;*/
   margin-bottom: 0px;
}

.footer
{
   width: 960px;
   margin-top: 0px;
   background: #4c0000 url('../images/footer_gradient.png') repeat-x center top;
   color: #cacdd0;
   font-size: 1.0em;  
   padding: 5px;
   
   border: 1px solid #333333;
}

.footer a
{
  color: #cacdd0;
  padding: 0px;
  margin: 0px;
  
  text-decoration: none;
}

.footer a:hover
{
   text-decoration: underline;   
}

.footer h2
{
  color: #333333;
  margin-bottom: 0px;
}

.footer ul
{
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 3px;
}

.footer li
{
  margin: 0px;
  padding-bottom: 3px;
}

/*
hr
{
   margin-top: 3px;
   margin-bottom: 3px;
   margin-left: 0px;
   margin-right: 0px;
   border-top: 0px;
   border-bottom: 1px solid #b4b4b4;
}
*/

#main
{
   width: 960px;
   
   margin-left: auto;
   margin-right: auto;
   
   padding-bottom: 10px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   border: 0px;
   
   border-collapse: collapse;
   border-spacing: 0px;
   
   /*background: #dddddd url('../images/transparent_10x10.png') repeat center top;*/
   background-image: url('../images/transparent_10x10_opas30.png');
}

#mainContentBox 
{
   padding-top: 10px;
   padding-bottom: 10px;
}

.transparent_class
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#content
{
   vertical-align: top;
   padding: 0px;
   font-family: arial;
   padding-bottom: 5px;
}

.navItems {
   width: 130px;
   float: left;
   margin-left: 0;
   text-align: left;
   margin: 5px;
}


.navItems ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   font-family: arial;
}

.navItems li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   text-decoration: none;
   width: 100%;
   background-color: #eeeeee;
   color: #000000;
}

.navItems li a:hover {
   background-color: #ccccce;
   width: 100%;
}

#navItemSelected {
    background-color: #919193;
    width: 100%;
}

/* Form Elements */
input[type="text"]
{
    border: 1px solid #888888;
}
input[type="password"]
{
    border: 1px solid #888888;
}

/*
em
{
   color: red;
   margin-left: 5px;
   margin-right: 5px;
}
*/

.app_button { outline: 0; margin:0 4px 0 0; padding: .2em 0.5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.app_button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.app_button { float:left; }

/* remove extra button width in IE */

button.app_button { width:auto; overflow:visible; }

.app_button-icon-left { padding-left: 2.1em; }
.app_button-icon-right { padding-right: 2.1em; }
.app_button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.app_button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.app_button-icon-solo { display:block; width:8px; text-indent: -9999px; }

.app_buttonset { float:left; }
.app_buttonset .app_button { float: left; }
.app_buttonset-single .app_button, 
.app_buttonset-multi .app_button { margin-right: -1px;}

.app_toolbar { padding: .5em; margin: 0;  }
.app_toolbar .app_buttonset { margin-right:1.5em; padding-left: 1px; }
.app_toolbar .app_button { font-size: 1em;  }

.form_error
{
   border: 1px solid red;
   background-color: #ffebe8;
   padding-left: 5px;
   padding-right: 5px;
   margin-top: 10px;
   margin-bottom: 10px;
   
   font-size: 1.0em;
   color: red;
}

.form_error p
{
    
}

.form_message
{
    border: 1px solid green;
    background-color: #ebffe8;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.grid
{
    font-family: verdana;
    font-size: 12px;
    color: #222222;
    /*width: 100%;*/
    border-spacing: 0px;
    border-collapse: collapse;
}

.grid th
{
    white-space: nowrap;
    background: #d1d1d1;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    /*border-left: solid 1px #555555;*/
    /*border-left: 0px solid white;*/
}

.grid td
{
    white-space: nowrap;
    padding: 6px;    
    
    border-color: #afafaf;
    border-style: solid;
    border-width: 1px;
    border-left: 0px solid white;
    border-right: 0px solid white;
    
}

.w300
{
   width: 300px;
}

.infoBoxTitle
{
   color: #ffffff;                    
   
   font-family: Impact, Arial, sans-serif;
   font-size: 1.7em;
   text-decoration: none;
   text-align: left;
   
   padding: 5px;
   z-index: 1;
   
   background: #4f1717 url('../images/brushed_stone_texture_2.jpg') repeat-x center top;
}

.left
{
   margin-left: 10px;
   /*margin-right: 0px;*/
}

.infoBoxContent
{
   text-align: justify;
   background: #eeeeee;
   
   padding: 9px;
   margin-bottom: 10px;
   
   border: 1px solid #888888;
   border-top: none;
   z-index: 2;
   
}

.infoBoxImage
{
   border: 0px;
   margin: 0px;
   padding: 0px;
   
   margin-bottom: 7px;
}

.tabMenu
{
   color: #000;                    
   /*border-bottom: 4px solid #4f1717;*/
   margin: 0px 0px 0px 0px;
   padding: 0px;
   z-index: 1;
   padding-top: 10px;
   padding-bottom: 5px;
   padding-left: 8px;
   
   background: #4f1717 url('../images/brushed_stone_texture_1.jpg') repeat-x center top;
   
   text-align: left;
}

.tabMenu li
{
   display: inline;
   overflow: hidden;
   list-style-type: none;
   padding: 4px 0px 4px 0px;
}

.tabMenu a, a.active
{
   display: inline;
   
   color: #ffffff;
   
   font-size: 1.7em;
   font-family: Impact, Arial, sans-serif;
   
   background: #666666;
   border: 1px solid #aaaaaa;
   border-bottom: 0px;
   padding: 3px 5px 5px 5px;
   margin: 0;
   
   text-decoration: none;
}

.tabMenu span
{
    /*
    border-top: 1px solid #426fd9;
    padding: 3px 5px 3px 5px;
    */
}

.tabMenu a.active
{
    background: #a80000;
    border: 1px solid #ffffff;
    border-bottom: 0px;                    
    color: #ffffff;
    
    
}

/* grey: f6f6f7   blue: 2647a0  border: 808080    lightblue: 426fd9 */

.tabMenu a:hover
{
   border: 1px solid #ffffff;
   background: #aaaaaa;
}

.tabMenu a.active:hover
{
   /*
    background: #4f1717;
    color: #ffffff;
   */
}

.tabContent
{                    
   text-align: justify;
   background: #eeeeee;
   /*padding: 9px;*/
   padding-top: 9px;
   padding-bottom: 9px;
   padding-left: 9px;
   padding-right: 9px;
   
   border: 1px solid #888888;
   border-top: none;
   
   margin-bottom: 10px;
   
   
}

.tabContentCourseIntro
{                    
   text-align: left;
   background: #eeeeee;
   /*padding: 9px;*/
   padding-top: 9px;
   padding-bottom: 9px;
   padding-left: 9px;
   padding-right: 9px;
   
   border: 1px solid #888888;
   border-top: none;
   
   margin-bottom: 10px;
   
   
}

.tabContentCourseIntro2
{                    
   text-align: left;
   background: #eeeeee;
   /*padding: 9px;*/
   /*padding-top: 9px;
   padding-bottom: 9px;
   padding-left: 9px;
   padding-right: 9px;*/
   
   /*border: 1px solid #888888;*/
   border-top: none;
   
   /*margin-bottom: 10px;*/
   
   
}

.tabContentevents
{                    
   text-align: left;
   background: #eeeeee;
   padding: 9px;
   border: 1px solid #888888;
   border-top: none;
   
   margin-bottom: 10px;
   
   z-index: 2;
}

.contentBox
{                    
    text-align: justify;
    background: #edf5ff;
    padding: 10px;
    border: 1px solid #888888;
}

.title
{
    font-weight: bold;
    font-size: 1.8em;
}
.archive {
   width: 200px;
   border: solid;
   border-width: 2px;
   vertical-align: top;
}

.newshr {
   color: #555555;
   margin-top: 15px;
   height: 1px;
}

.videoTime {
   background-color: #e1e1e1;
   border: solid 1px #555555;
   padding: 4px;
   padding-left: 6px;
   width: 200px;
}

.videoDescription {
   background-color: #e1e1e1;
   border: solid 1px #555555;
   padding: 4px;
   padding-left: 6px;
}