﻿.neHeader
{
	font-weight:bold;
}

#PromptDiv
{
    padding: 0pt 0pt 0pt 0pt;
    margin: 0pt 0pt 8pt 0pt;
}

#ValidationDiv
{
    padding: 0pt 0pt 0pt 0pt;
    margin: 8pt 0pt 0pt 0pt;
}

#CaptchaDiv 
{
  padding: 0;
  margin: 0 0 0 1px;
  overflow: visible;
}

/*content*/
#ssoft-content {
border-bottom: 1px solid #000;
}

#ne-header
{
}
#ne-body
{
font-size:1.9em;
text-align:justify;
}

/* ----- clear fix for floats ----- */
.ssoft-clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.ssoft-clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .ssoft-clearfix { height:1%; }
.ssoft-clearfix { display:block; }
/* end hide from IE-mac */

  
  form fieldset {
  padding: 0.2em 0.5em;
  border:1px solid;
  font-size:90%;
}
form fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 100%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.cols { clear:both; } /* @todo: add more col possibilities */
	.three-col { float:left; width:30%; margin-right:5%; }
	.six-col { float:left; width:14.5%; padding-right:2.6%; }
	.cols > *:last-child { margin-right:0; padding-right:0; }

	.col-span { border-bottom:1px solid #404040; padding-bottom:15px; }

.title, .more { font-weight:bold; }
.more { color:#2987AD; font-weight:bold; text-decoration:none; font-size : 90%; }


/*Primary Navigation*/
#ssoft-primaryNavigation {
float: right;
background: #192839 url(images/bg_primaryNav_left.gif) left bottom no-repeat;
}

#ssoft-primaryNavigation ul 
{
	background: url(images/bg_primaryNav_right.gif) right bottom no-repeat;
float: left;
padding: 0 .8em 2px;
margin: 0;
}

#ssoft-primaryNavigation li {
float: left;
list-style: none;
margin: 0;
background: none;
padding: 0;
}
#ssoft-primaryNavigation li a {
float: left;
padding: 0 1em;
line-height: 25px;
font-size: 0.9em;
color: #D0D0D0;
text-decoration: none;
margin-bottom: 2px;
}

#ssoft-primaryNavigation li.ssoft-current a, #ssoft-primaryNavigation li.ssoft-current a:hover {
	border-bottom: 2px solid #176092;
	background: #192839;
	margin-bottom: 0;
	cursor: default;
	color: #D0D0D0;
}
#ssoft-primaryNavigation li a:hover {
color: #fff;
border-bottom: 2px solid #4082ae;
margin-bottom: 0;
}
#ssoft-header {
	/*rockstar removed */
	position: relative;
}

.tab-body
{
font-size:0.8em;
}

/*Nav*/
.nav			{height:56px; background:url("../images/bg_nav.gif") repeat-x bottom; position:relative; }

.nav	ul		{position:absolute; bottom:0; top:10px; left:0px; }
.nav	li		{margin-left:15px; background:url(../images/bg_nav_off.gif) repeat-x top; list-style-type:none; text-align:center; display:inline; margin-right:6px; padding-top:0px; height:32px; float:left; border:solid 1px #ececec; border-bottom:solid 0px #fff;}
.nav	a		{font-weight:bold;width:120px; padding-top:7px; height:25px; float:left; color:#1e73d2; padding:7px 10px 0 10px; text-transform:uppercase;}

.nav    a.on	{color:#000; font-weight:bold; border-top:solid 1px #c3c3c3; border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #f9f9f9; background:url(../images/bg_nav_on.gif) repeat-x; }

.nav	a:hover {text-decoration:none; background:url(../images/bg_nav_on.gif) repeat-x;}

/*Cont Wraps*/
.mainWrap		{margin:0 auto; position:relative; background:#fff; clear:both;}

/*Content Area*/
.contentWrap	{position:relative; top:0; padding:30px 0 45px 46px; min-height:300px; _height:300px; }
.contentWrap a	{color:#2165d8;}
       		 	 
.tabcontent
{
	border:solid 1px #ececec; 
	position:relative; top:0; padding:1px 0 45px 46px; min-height:300px; _height:300px; 
}
       		 	 
.content		{position:relative; top:0; background:url("../images/bg_cont.jpg") no-repeat left top; padding:30px 0 45px 46px; min-height:300px; _height:300px; }
.subnav			{ position:absolute; top:16px; width:185px; background:url("../images/bg_subnav.gif") no-repeat right top; min-height:354px; _height:354px;}
.subnav		ul	{margin-top:17px;}
.subnav		li	{text-align:right; font-size:12px; list-style-type:none; padding:0 16px 0 0; margin-bottom:10px;}
.subnav		a	{color:#4c4c4c; height:49px; width:144px; display:block; border:solid 1px #fff; border-right:none; padding:3px 0 0 5px;}
.subnav		a:hover {text-decoration:none;}

.subnav li.on	{border:solid 1px #bcbcbc; border-right:solid 1px #e6f1f9; background:url("../images/bg_subnavli_on.jpg") no-repeat -5px top; height:51px; width:150px;}
.subnav li.on a	{color:#fe6000; width:144px; background:url(../images/arrow_ora.gif) right 5px no-repeat; padding:2px 14px 0 0;}

.subnav li a:hover		{background:url("../images/bg_subnavli_over.gif") repeat-y right; border:solid 1px #dcdcdc; border-right:none; padding-right:27px;}
.subnav li.on a:hover	{background:none; border:none; background:url(../images/arrow_ora.gif) right 6px no-repeat; padding:3px 14px 0 1px;}

.popupControl 
{
	background-color: #eeeeee;
	border:outset 1px #c0c0c0;
	color: #444444;
	position:absolute;
	visibility:hidden;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.Chapter
{
	font-size:0.9em;
}

        .stepNotCompleted
        {
            background-color: rgb(153,153,153);
            border: 1px solid rgb(153,153,153);
            margin-right: 5px;
            color: White;
            font-family: Arial;
            font-size: 12px;
            text-align: center;
            padding-left:5px;
            padding-right:5px;
        }
        .stepCompleted
        {
            background-color: #4d4d4d;
            border: 1px solid #4d4d4d;
            color: White;
            font-family: Arial;
            font-size: 12px;
            text-align: center;
            padding-left:5px;
            padding-right:5px;
        }
        .stepCurrent
        {
            background-color: #e01122;
            border: 1px solid #e01122;
            color: White;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
             padding-left:5px;
            padding-right:5px;
       }
        .stepBreak
        {
            width: 3px;
            background-color: Transparent;
        }

.commentbox{
background-color: #ececec;
padding: 10px;
}

.commentfooter{
background: url(../images/pictos/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
