/* Start of CMSMS style sheet 'SCL Accessibility' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}


/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'SCL Accessibility' */

/* Start of CMSMS style sheet 'SCL Layout Main' */
* {
margin: 0;
padding: 0; 
font-size: 100%;
font-family: inherit;
}

html 
{
/* For Firefox: force vertical scrollbar to always appear 
    in order to avoid jumps
*/
overflow-y: scroll;
}

ol {
margin: 5px 0 15px 40px;
padding-left: 5px; 
}


a:link {
color: #014698;
}

a:visited {
color: #666666;
}

a:hover {
color: #007EBF;
text-decoration: none;
}

a:active {
text-decoration: none;
}

a img {
border: none;
vertical-align: middle;
}

body {
background: #FFFFFF;
color: #313131;
font-family: arial, verdana, tahoma, arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 76%;
padding: 0;
/* text-align: center; */
}

p {
padding: 0 0 15px 0;
}

#outerwrapper {
background: #FFFFFF url("images/cms/bg-top.gif") repeat-x left top;
/* border: 1px solid black; */
}

#wrapper {
margin: 0px auto;
text-align: left;
width: 990px;
background: transparent  url("images/cms/bg-arrow.jpg") no-repeat center 86px; 
/* border: 1px solid black; */
}

#arrowwrapper {
/* background: transparent url("images/cms/bg-arrow.gif") no-repeat center top; */
height: 1%;
padding: 0 33px 0 15px;
}

/*
** top
*/

#top {
height: 85px;
/* background: transparent url("images/cms/bg-mainnav.gif") repeat-x bottom left; */
}

#topa {
font-size: 90%;
}


#sigmasoftware {
float: left;
width: 255px;
height: 85px;
/* border: 1px solid black; */
}

#sigmaconso {
float: left;
/* background: transparent  url(images/cms/logo.gif) no-repeat center center ;*/ /*  0 12px;*/
width: 225px;
height: 55px;
vertical-align: middle;
 margin: 20px 0 0 30px; 
/* border: 1px solid black; */
}


#sigmasoftware img {
margin: 19px 0 0 30px;
}

/*
** topnavigation
*/

#topnavigation {
height: 25px;
float: left;
width: 155px;
 background-color: #50b848; 
/*  border: 1px solid black; */ 
}

#topnavigation ul {
list-style: none;
margin: 0;
}

#topnavigation li {
float: left;
height: 25px;
line-height: 25px;
padding: 0 15px;
background-color: #7488d1;
}

#topnavigation li.login {
background-color: #5266b0;
}

#topnavigation li a {
color: #FFF;
text-decoration: none;
}

#topnavigation li a:hover {
text-decoration: underline;
}

#topnavigation li.active a:hover {
color: #000;
}

#language {
float: left;
background: #FFF url("images/cms/bg-lang.gif") repeat-y top right;
height: 25px;
width: 540px;
color: #4c536d;
text-align: right;
padding-right: 5px;
line-height: 25px;
vertical-align: bottom; 
/* border: 1px solid black; */
}

#language span{
list-style: none;
margin: 0;
vertical-align: middle;
/* border: 1px solid black; */
}

#language span img {
border: none;
vertical-align: middle; 
}

#language a{
border: none;
vertical-align: middle;
list-style: none;
margin: 0;
/* border: 1px solid red; */
}


/*
** header
*/

#header {
background: #FFF; 
overflow: hidden;
padding: 0px 20px;
/* border: 1px solid black; */
}

#header img {
display: block;
}

/*
** mainnavigation
*/

#mainnavigation {
float: left;
color: #000;
font-size: 100%;
height: 60px;
width: 490px;
/* border: 1px solid black; */

}

#mainnavigation ul {
list-style: none;
height: 35px;
}

#mainnavigation li {
float: left;
height: 53px;
line-height: 53px;
border-bottom: 7px solid #e5eaf2;
}

#mainnavigation li.breaker {
border-bottom: 0px;
}

#mainnavigation li a {
color: #000;
height: 35px;
float: left;
padding: 0 10px; 
text-decoration: none;
font-weight: normal;
}


#mainnavigation li.first {
}

#mainnavigation li a:hover {
background: transparent;
}

#mainnavigation li.active a,
#mainnavigation li.active a:hover {
font-weight: bold;
}


#mainnavigation li.active {
font-weight: bold;
border-bottom: 7px solid #FFF;
padding:0 2px;
}


/*
** subnavigation (left)
*/

#subnavigation {


width: 242px; 
padding-top: 15px ;
padding-bottom: 15px ;
margin-top: 5px;
margin-left:5px;
margin: 5px auto; 
background-color: #FFF;
text-align: left;
/* border: 1px solid black; */

}

#subnavigation ul {
list-style: none;
/* margin: 10px 15px; */
margin: 0px 15px; 

background-color: #FFFFFF;
/* height: 1%; */
}

#subnavigation ul ul {
margin: 0;
margin-top: 1px;
}

#subnavigation li {
color: #FFF;
background-color: #50b848;
display: block;
font-weight: bold;
text-decoration: none;
/* height: 1%;  */
line-height: 24px;
/* margin-bottom: 5px; */
}

#subnavigation li.section {
color: #FFF;
background-color: #7488d1;
margin: 0;
padding: 0;
line-height: 24px;
/* height: 1%;  */
font-weight: bold;
margin-top: 5px;  
margin-bottom: -1px; 
}

#subnavigation li.subnav{
/* margin-left: 15px;
margin-right: 15px; */
}

#subnavigation li.first{
margin-bottom: 10px; 
}

#subnavigation li a {
color: #FFF;
display: block;
padding: 0;
text-decoration: none;
font-weight: bold;
padding: 3px 0 3px 20px; 
}

#subnavigation li a:hover {
color: #000;
background: transparent;
}

#subnavigation li li {
line-height: 12px;
font-size: 90%;
margin-bottom: 1px;
padding: 3px 0px 3px 20px;
background: #e3e6f3 url("images/cms/bg-submenu.gif") no-repeat 8px 8px;
}

#subnavigation li li a {
color: #00418d;
font-weight: normal;
line-height: 12px;
padding: 2px 0;
}

#subnavigation li li.last {
margin-bottom: 15px;
}

#subnavigation li.section span {
margin: 0px 0px 0px 20px;
}

#subnavigation li.section li span {
margin: 0;
}

#InfoRequest {
color: #FFF;
background-color: #7488d1;
margin: 5px 5px 0px 5px;
padding: 2px 0px 2px 20px;
line-height: 20px;
height: 1%;
font-weight: bold;
text-decoration: none;
/* border: 1px solid black; */
}

#InfoRequest a{
color: #FFF;
text-decoration: none;
}

#InfoRequest a:hover{
color: #000000;
text-decoration: none;
}

/*
** content 
*/

#Sigmaleftcol {
font-family: arial, verdana, tahoma, arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
margin-top: 35px; 
float: left;
width: 258px;
text-align: center;
background: #d5d9e8 url("images/cms/newstickerbg.png") no-repeat top center;
padding-bottom: 50px;
/* border: 1px solid black; */
}

#Sigmaleftcol .box {
font-size: 95%;
margin: 0 auto;
clear: both;
text-align: left;
width: 220px;
}

#Sigmaleftcol .newstickerdiv {

}

#Sigmaleftcol .fnews{
height: 70px;

}

#Sigmaleftcol .news {
color: #014698;
padding-top: 20px;
line-height: 18px;
}

#Sigmaleftcol .news p {
margin: 0 15px;
}

#Sigmaleftcol .news ul {
list-style: none;
margin: 0 15px;
}

#Sigmaleftcol .box form {
padding: 0;
}

#Sigmaleftcol h3 {
color: #FFF;
background-color: #014698;
margin: 0 0 5px 0;
padding: 2px 15px;  
}



#boxzone {
height: 111px;
overflow: hidden;
/* border: 1px solid black; */
}

#pageheader {
height: 108px;
width: 630px;
margin-top: 35px;
padding-left: 35px;
overflow: visible;
margin-bottom: 10px;
}

#pageslogan {
line-height: 90px;
color: #FFF;
overflow: visible;
/* border: 1px solid black; */
}

#sigmaslogan {
line-height: 90px;
color: #FFFFFF;
overflow: visible;
/* border: 1px solid black; */
}

#fix {
clear: both;
float: left;
width: 100%;
/* border: 1px solid black; */
}

#contentwrapper {
width: 664px;
float: right;
/* margin-top:35px; */
/* border: 1px solid black; */
}

#fillerdiv {
}

#content {
margin: 0 0 0 0;
padding: 20px 20px;
line-height: 150%;
color: #00418d;
font-size: 95%;
/* border: 1px solid black; */
}

#content p {
clear: both;
}

#content ol {
margin: 5px 0 15px 40px;
padding-left: 5px; 
}

#content ul {
margin: 5px 0 15px 40px;
}

#content ul ul {
margin: 0 0 0 15px;
}

.clearer {
height: 0;
}

.blockList {
list-style-image: url("images/cms/bullet.gif");
}
/*
** footer
*/

#footer {
color: #b2b6c6;
clear: both;
margin: 0 34px 0 15px;
padding: 0 0 0 275px;
height: 30px;
font-size: 90%;
background: transparent url("images/cms/bg-footer.gif") repeat-y top left;
}

#footernav {
height: 30px;
border-top: 1px solid #b2b6c6;
}

#footernav ul {
list-style: none;
margin: 0;
}

#footernav li {
float: left;
height: 30px;
line-height: 30px;
padding: 0 10px 0 0;
}

#footernav li a {
color: #b2b6c6;
}

#footernav li a:hover {
background: none;
text-decoration: underline;
}

#footernav li.active a:hover {
color: #000;
}

/*
** forms
*/

form,
input,
textarea,
select,
select option {
font-family:  arial, verdana, sans-serif, "Trebuchet MS";
font-size: 100%;
}

form {
padding: 0 0 20px 0;
}

.searchdiv {

}

.searchdiv  form{
   padding-top: 10px;
   padding-bottom: 0;
}

.searchBox{
  background: #FFF url("./images/cms/bg-form-input.gif") no-repeat top left;
  border: 1px solid #CDCDCD;
  padding: 4px 2px;
} 

.textinput input {
width: 45%;
background: #FFF url("./images/cms/bg-form-input.gif") no-repeat top left;
border: 1px solid #CDCDCD;
padding: 4px 2px;
/* height: 25px; */
vertical-align: middle;
}

.box .textinput input {
width: 97%;
}

.radiobutton {
padding: 1px 0;
}

.radiobutton input {
margin: 0 3px 0 0;
vertical-align: middle;
}

.file input {
width: 80%;
}

.checkbox label {
display: inline;
float: none;
width: auto;
}

.checkbox input {
margin: 0;
}

textarea {
width: 96%;
background: #FFF url("images/cms/bg-form-textarea.gif") no-repeat top left;
border: 1px solid #CDCDCD;
height: 150px;
padding: 2px;
font-family: arial, verdana, sans-serif;
font-size: 100%;
}

select {
margin: 3px 0 0 0;
}

.formelement { /* div surrounding label + element */
clear: both;
display: block;
margin: 2px 0 0 0;
}

.formelement label {
font-weight: bold;
}

.formelement .checkbox label,
.formelement .radiobutton label {
font-weight: normal;
}

.btn {
cursor: pointer;
margin: 10px 0;
overflow: hidden;
padding: 2px 0;
}

.error {
color: #D00000;
}

.title {
color: #A4A4A4;
border-top: 1px dashed #DEDEDE;
padding-top: 7px;
font-size: 90%;
}

.radiobutton label {
display: inline;
float: none;
width: auto;
}

.formerrortext {
background: #FFE3E3;
border: 1px solid #FFAAAA;
border-width: 1px 0;
color: #D10000;
font-size: 14px;
height: 1%;
}

.searchresult {
border-bottom: 1px dashed #DEDEDE;
padding: 0 0 7px 0;
margin: 7px 0;
}

.submitform {
padding: 3px 0;
}

.submitform input {
cursor: pointer;
padding: 0px;
width: auto !important;
} 

.formelement {
padding: 7px 0 0 0;
}

.formelement .cb {
border: none;
}

#content img {
padding: 2px;
}


/*
** misc
*/

#search {
float: left;
width: 200px;
margin:0;
padding:0;
padding-top: 17px;
text-align: right;
}

#searchkey {
width: 130px;
margin-right: 7px;
border: 1px solid #d6dae1;
}

#searchbutton {
border: 0;
font-size: 12px;
font-weight: bold;
background-color: transparent;
cursor: hand;
cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.2em;
}

.block {
width: 100%;
}

h1 { font-size: 120%; font-style: italic; margin-bottom: 5px;}
h2 { font-size: 110%; margin-bottom: 5px;}
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 80%; }
h6 { font-size: 70%; }

h1#pagetitle {
color: #50b848;
}

ul {
margin: 0 0 0 20px;
}

.fs1, .fs2, .fs3, .fs4, .fs5, .fs6, .fs7 {
line-height: 1.2em;
}

.fs1 { font-size: 11px; }
.fs2 { font-size: 120%; }
.fs3 { font-size: 150%; }
.fs4 { font-size: 180%; }
.fs5 { font-size: 200%; }
.fs6 { font-size: 250%; }
.fs7 { font-size: 300%; }

#sitemapcontent a {
text-decoration: none;
}

#sitemapcontent a span {
color: #666666;
font-weight: normal;
}

#usercontainer {
float: right;
width: 50px;
height: 35px;
line-height: 35px;
padding-left: 30px;
}

#breadcrumbcontainer1 {
float: left;
height: 35px;
line-height: 35px;
padding-left: 30px;
}

#breadcrumbcontainer {
float: left;
height: 35px;
line-height: 35px;
/* padding-left: 30px; */
padding: 0px 0px 20px 20px;
font-size: 90%;
}

#breadcrumbcontainer ,
#breadcrumbcontainer a {
color: #999999;
}

#breadcrumb a:hover {
background: #FFF;
color: #000;
}


/*
** blog/news module 
*/

.postoverview ul {
list-style: none;
margin: 0;
padding: 0;
}

.postoverview ul li {
background: transparent url("images/cms/bg-newslist.gif") no-repeat 2px 4px;
padding: 0 0 5px 15px;
font-size: 90%;
}

#post {
border-bottom: 1px solid #DEDEDE;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

#post .info,
.post .info {
color: #A6A6A6;
font-size: 90%;
}

#post .tags,
.post .tags  {
color: #A6A6A6;
font-size: 90%;
padding: 5px 0 10px 0;
}

#post .tags,
.post .tags  {
color: #A6A6A6;
font-size: 90%;
padding: 5px 0 10px 0;
}

.comment {
border-bottom: 1px dashed #DEDEDE;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

#comments h3,
#makeacomment h3 {
font-size: 120%;
padding-bottom: 10px;
}

.comment {
padding: 0 0 10px 0;
}

.comment .commentdate {
font-size: 90%;
color: #A6A6A6;
}

#respond {
padding: 15px 0 0 0;
}

.post {
border-bottom: 1px dashed #DEDEDE;
padding: 0;
margin: 0 0 18px 0;
}

.boxzone .post {
border-bottom: none;
padding: 0;
margin: 0 0 18px 0;
}

.post h1 {
margin: 0;
}

.post h1 a {
text-decoration: none;
}

.post .meta {
color: #888888;
font-size: 90%;
}

/*
** general module elements
*/

.pagerul {
height: 20px;
list-style: none;
margin: 0 !important;
}

.pagerul li {
float: left;
margin: 0 5px 0 0;
}

.pagerul li a {
background: #F1F1F1;
border: 1px solid #CCC;
float: left;
line-height: 20px;
padding: 0px 6px;
text-decoration: none;
}

.pagerul li a:hover {
background: #FFF;
border: 1px solid #CCC;
}

.pagerul li a#pageractive {
background: #FFF;
border-style: dashed;
color: #FF6C00;
font-weight: bold;
}

.galleryphoto img {
padding: 3px !important;
}

.galleryphoto a img {
border: 1px solid #DEDEDE;
}

.galleryphoto a:hover img {
background: #DEDEDE;
}



/* Datepicker */
/* the div that holds the date picker calendar */
.dpDiv {
	background-color:#FFFFFF;
	}
	
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #797979;
	border-bottom: 1px solid #797979;
}
	
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
	
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
	
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #656565;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #e8e8e8;
border: 1px solid #656565;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #fff;
border: 1px solid #000;
font-weight: bold;
cursor: pointer;
cursor: hand;
color: #FF6C00;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #fff;
border: 1px solid #2b2517;
color: #007EBF;
padding:2px 3px 2px 2px;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: #2b2517;
font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: #007EBF;
font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #656565;
background: #fff;
font-weight: bold;
padding: 0px;
border: none;
cursor: pointer;
cursor: hand;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #007EBF;
background: #fff;
/*font-weight: bold;*/
border: none;
cursor: pointer;
cursor: hand;
}

/* Registration Form */
.registrationform fieldset {padding: 1em; background-color: #fff;}  
.registrationform fieldset legend {font-weight: bold;}  
.registrationform div { padding: 0.25em 0 0.25em 0;}  
.registrationform div.SectionTitle {display: block; width: 100%; background-color: #fff;  float:left; }
.registrationform div.required {color: #000;} 
.registrationform div.div1 { width: 50%;border:none 1px red;    float:left;    }         
.registrationform div.div2 { width: 49%;border:none 1px blue;    float:right;    }
.registrationform div.div3 { width: 98%;border:none 1px blue;    float:left;    }
.registrationform div.div21 { width: 10%;border:none 1px blue;    float:left;    }
.registrationform div.div22 { width: 25%;border:none 1px blue;    float:left; padding: 0.5em;   }
.registrationform div.div23 { width: 25%;border:none 1px blue;    float:left; align: center;  margin: 0 0.5em; padding: 0.5em;}
.registrationform div.div24 { width: 5%;border:none 1px blue;    float:left; align: center;  margin: 0 0.1em; padding: 0.5em;}
.registrationform div.div25 { width: 15%;border:none 1px blue;   float:left; align: center;  margin: 0 0.5em; padding: 0.5em;}
.registrationform div.div25 input {background: #D5D9E8; text-align: right;}
.registrationform div.SectionSubTitle { width: 100%;border:none 1px blue;    float:left;    }
.registrationform div.divstop {clear:both;   }
.registrationform input
{
color: #183D86;
background: #FFFACD;
border: 1px solid #781351
}
.registrationform .submit input
{
background-color:transparent;
background-image:url("images/cms/btnSubmitBlue.gif");
background-position:center center;
background-repeat:no-repeat;
border:0 none;
color:#183D86;
height:20px;
width:90px;
}
.error_message
{
color:#f00;
align=left;
padding-left: 12px; 
}
/* End of 'SCL Layout Main' */

/* Start of CMSMS style sheet 'SCL sIFR' */
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* End of 'SCL sIFR' */