/*
 This file contains common CSS styles that will work for any skin. The stylesheets for skins overrides this.
*/
div#registration{
    background-image: url(./images/register_side.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 160px;
    background-color: #FFFFFF;
    margin: 0px;
    min-height: 400px;
    height:400px;
}

.absmiddle {
    vertical-align:middle;
}
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:100%;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
background-color:#FFFFFF;
}


/* These are round corners for Internet Explorer*/
div.rounded {

  padding: 15px;
  background: #ECECFF;
  margin-bottom: 20px;
}
div.rounded2 {
  background: #ECECFF url(images/roundcorners/tr.gif) no-repeat top right;
  margin-bottom: 20px;
}
div.rounded2 div {
  background: transparent url(images/roundcorners/tl.gif) no-repeat top left;
}
div.rounded2 div div {
  background: transparent url(images/roundcorners/br.gif) no-repeat bottom right;
}
div.rounded2 div div div {
  background: transparent url(images/roundcorners/bl.gif) no-repeat bottom left;
  padding: 15px;
}
/* END - round corners for Internet Explorer*/


div#leftnav input.prelogin {
    width: 90%;
}

/* stylesheet for tab boxes*/
.tab-container{
    background: #fff;
    border:1px solid #6D99B6;
}
.tab-panes{
    margin: 3px
}
.tabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
}
ul.tabs {
    margin:0;
    padding:0;
    list-style:none;
}
.tabs li {
    float:left;
    margin:0;
    padding:0;
}
.tabs li a {
    display:block;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    background:#CCCCCC repeat-x bottom;
    color:navy;
    border-left:3px solid #fff;
    border-right:1px solid #6D99B6;
    border-top:3px solid #fff;
    border-bottom:1px solid #6D99B6;
}
.tabs a:hover {
    color:red;
}
.tabs #defaultTab{
    color:navy;
}
.tabs a.tab-active{
    background:#fff repeat-x;
    border-left:3px solid #fff;
    border-right:1px solid #6D99B6;
    border-top:3px solid #fff;
    border-bottom:1px solid #6D99B6;
}

/*ul#twolevelsystem li {padding-left: 0px; margin-left: -20px; padding-top: 5px; padding-bottom: 5px;}*/
ul#twolevelsystem li.parent  { list-style: url(twolevelicons/parent.gif) circle; margin-left: -25px; padding-bottom: 6px; padding-top: 6px;}
ul#twolevelsystem li.current  { list-style: url(twolevelicons/current.gif) circle; margin-left: -25px; padding-bottom: 6px; padding-top: 6px;}
ul#twolevelsystem li.current > a:link,
   ul#twolevelsystem li.current > a:visited,
   ul#twolevelsystem li.currentnochildren > a:link, 
   ul#twolevelsystem li.currentnochildren > a:visited
   { color: red; font-weight: bold;}
ul#twolevelsystem li.sibling  { list-style: url(twolevelicons/sibling.gif) circle; margin-left: -25px; padding-bottom: 6px; padding-top: 6px;}
ul#twolevelsystem li.children  { list-style: url(twolevelicons/child.gif) circle; margin-left: -25px; padding-bottom: 6px; padding-top: 6px;}
ul#twolevelsystem li.currentnochildren  { list-style: url(twolevelicons/currentchild.gif) circle; margin-left: -25px; padding-bottom: 6px; padding-top: 6px;}
ul#twolevelsystem li.toc  { list-style: url(twolevelicons/toc.gif) circle; padding-bottom: 6px; padding-top: 6px;}

.tableofcontents { text-align: left;
}
.notoc { margin-left: 50px; }
.withtoc { margin-left: 20px; }

#cmssearch {
    float: right; 
    position: absolute; 
    right: 20px; 
    top: 25px; 
}

#nextgenheader {
    position:relative;
}

/******************************************************************************************
*  MOUSE OVER POPUP                                                                       *
******************************************************************************************/


/* Default DOM Tooltip Style */
div.domTT {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}
div.domTTCaption {
    background: #000;
    border: 1px solid #000;
    border-style: solid solid none solid;
    color: #FFF;
    padding: 0em 1em 0em 1em;
    text-transform: none;
    text-decoration: none;
    
    font-size: 1em;
    height: 1em;
    cursor: default;
}
div.domTTContent {
     background: transparent;
    border-collapse: collapse;
    border: 1px solid #000;
    padding: 3px;
    overflow: auto;
    background: #FFF;
}

/***************************
* Feature Box
*****************************/

.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #002EB8;color:#002EB8}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

/**********************/