/* initial.css, use in every project. version: 2.0, last modified: 1/12/2008 */
a > img, a.mseditor > img { border: none; }
body, body.mseditor, html, html.mseditor { margin: 0; padding: 0; }
button { cursor: pointer; overflow: visible; width: auto; }
fieldset, form { border: none; margin: 0; padding: 0; }
label { cursor: pointer }
legend { display: none; }
h1, h1.mseditor, h2, h2.mseditor, h3, h3.mseditor, h4, h4.mseditor, h5, h5.mseditor, h6, h6.mseditor, p, p.mseditor, pre, pre.mseditor, blockquote, blockquote.mseditor, ul, ul.mseditor, ol, ol.mseditor, dl, dl.mseditor, address, address.mseditor { margin: 1em 0; padding: 0; }
li, li.mseditor, dd, dd.mseditor, blockquote, blockquote.mseditor { margin-left: 1em; }

a, a.mseditor:hover {
  color: blue;
}

a:hover, a.mseditor:hover {
  color: red;
  text-decoration: underline !important;
}

body, body.mseditor, button, input[type=text], select, textarea {
  color: #1b1b1b;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
}

body, body.mseditor, textarea {
  line-height: 1.5;
}

form > fieldset .form-label {
  float: left;
  width: 150px;
}

/*
form > fieldset .form-row {
  overflow: auto;
}
*/

h1, h1.mseditor {
  font-size: 2em;
}

h2, h2.mseditor {
  font-size: 1.75em;
}

h3, h3.mseditor {
  font-size: 1.5em;
}

h4, h4.mseditor {
  font-size: 1.25em;
}

/*#LAST LINE -- DO NOT REMOVE*/

body {
  background: white;
}

/*#LAST LINE -- DO NOT REMOVE*/
#b-1 {
  float: left;
  width: 150px;
}

#b-2 {
  float: left;
  width: 600px;
}

#b-3 {
  float: left;
  width: 150px;
}

#b-4 {

}

#container {
  margin: auto;
  width: 960px;
}

#content {

}

#copyright {
  color: black; 
  line-height: normal;
}

#copyright > a {
  color: black;
}

#footer {

}

#header {
  height: 100px;
  position: relative;
}

#logo {
  left: 0;
  position: absolute;
  top: 0;
}

#main {

}

#nav {
  list-style: none;
  margin: 0;
}

#nav > li {
  margin-left: 0;
}

.layout-1 { }
.layout-2 { }
.layout-3 { }

.reqfld {
  color: red;
}

/*#RIBBON RELATED STYLING, all start with msr- */
#msr-ribbon {
  background: url(../img/msr-ribbon/ribbon-bkg.png) repeat-x;
  height: 165px;
  position: fixed;
  z-index: 2;
  width: 100%;
}

#container {
  padding-top: 165px;
  z-index: 1;
}

#msr-ribbon.home {
  background: url(../img/msr-ribbon/ribbon-home-bkg.png) repeat-x;
  height: 68px;
}

#msr-nav-container {
  overflow: hidden;
  margin: 0 0 0 0;
}

#msr-ribbon > #msr-nav-container > #msr-nav {
  height: 54px;
  list-style: none;
  margin: 0 0 0 0;
  padding-top: 2px;
  margin-left: 2px;
}


#msr-ribbon #logo {
  background: url(../img/msr-ribbon/logo/logo-bkg.png);
  float: left;
  height: 52px;
  margin-top: 2px;
  margin-left: 5px;
  position: relative;
  width: 52px;
}

#msr-ribbon #logo a {
  background: url(../img/msr-ribbon/logo/logo.png);
  height: 40px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 40px;
  -moz-outline: none;
}

#msr-ribbon #logo:hover {
  background: url(../img/msr-ribbon/logo/logo-bkg-active.png);
}

#msr-ribbon #logo:hover a {
  background: url(../img/msr-ribbon/logo/logo-active.png);
}
  
#msr-ribbon > #msr-nav-container > #msr-nav a {
  color: #1b1b1b;
  text-decoration: none !important;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li {
  float: left;
  line-height: 25px;
  margin-left: 4px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > a {
  color: #fff;
  display: block;
  margin: 0 10px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li:hover {
  background: url(../img/msr-ribbon/tabs/level-1-tab-1-right.png) no-repeat right bottom;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li:hover > a {
  background: url(../img/msr-ribbon/tabs/level-1-tab-1-left.png) no-repeat left bottom;
  margin: 0;
  padding: 0 10px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li.msr-active-item {
  background: url(../img/msr-ribbon/tabs/level-1-tab-2-right.png) no-repeat right;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li.msr-active-item > a {
  background: url(../img/msr-ribbon/tabs/level-1-tab-2-left.png) no-repeat left;
  color: #1b1b1b;
  font-weight: bold;
  margin: 0;
  padding: 0 12px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li.msr-active-item > a:hover {
  color: #f89d3e;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul {
  height: 25px;
  left: 0;
  list-style: none;
  margin: 0 0 0 58px;
  padding-top: 4px;
  position: absolute;
  top: 27px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li {
  float: left;
  margin-left: 4px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li > a {
  display: block;
  height: 25px;
  margin: 0 10px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li:hover {
  background: url(../img/msr-ribbon/tabs/level-2-tab-1-right.png) no-repeat right bottom;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li:hover > a {
  background: url(../img/msr-ribbon/tabs/level-2-tab-1-left.png) no-repeat left bottom;
  margin: 0;
  padding: 0 10px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li.msr-active-item {
  background: url(../img/msr-ribbon/tabs/level-2-tab-2-right.png) no-repeat right top;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li.msr-active-item > a {
  background: url(../img/msr-ribbon/tabs/level-2-tab-2-left.png) no-repeat left top;
  font-weight: bold;
  margin: 0;
  padding: 0 12px;
}

#msr-ribbon > #msr-nav-container > #msr-nav > li > ul > li.msr-active-item > a:hover {
  color: #8fc2d3;
}


/* There will be a #msr-sitecontrol */
#msr-ribbon > #msr-sitecontrol-2 {
  list-style: none;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 1px;
}

#msr-ribbon > #msr-sitecontrol-2 > li {
  float: left;
  margin: 0;
}

#msr-ribbon > #msr-sitecontrol-2 > li > a {
  display: block;
  height: 16px;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  width: 24px;
}

#msr-ribbon > #msr-sitecontrol-2 > li:hover {
  background: url(../img/msr-ribbon/sitecontrol/button-hover.png);
}

#msr-ribbon #msr-tiny {
  margin-left: 1px;
}

#msr-ribbon > #msr-toolbars {
  height: 91px;
  padding: 2px 2px 2px 0;
  overflow: hidden;
  width: 100%;
}

#msr-ribbon .msr-toolbar {
  background: url(../img/msr-ribbon/toolbar-1-right.png) no-repeat right;
  float: left;
  margin-left: 2px;
  min-width: 40px; /* needs tweaking, just a guess here... */
}

#msr-ribbon .msr-toolbar:hover {
  background: url(../img/msr-ribbon/toolbar-2-right.png) no-repeat right;
}

#msr-ribbon .msr-toolbar > div {
  background: url(../img/msr-ribbon/toolbar-1-left.png) no-repeat left;
  height: 72px;
  padding: 2px 2px 19px 1px;
  position: relative;
}

#msr-ribbon .msr-toolbar > div:hover {
  background: url(../img/msr-ribbon/toolbar-2-left.png) no-repeat left;
}

#msr-ribbon .msr-toolbar > div > p.msr-toolbar-name {
  bottom: 1px;
  font-weight: bold;
  height: 17px;
  left: 0;
  line-height: 17px;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

#msr-ribbon .msr-button-1 {
  float: left;
  height: 72px;
  margin-left: 1px;
  max-width: 90px;
  overflow: hidden;
}

#msr-ribbon .msr-button-1:hover {
  background: url(../img/msr-ribbon/buttons/button-1-hover-right.png) no-repeat right;
  cursor: pointer;
}

#msr-ribbon .msr-button-1.msr-button-disabled:hover,
#msr-ribbon .msr-button-2.msr-button-disabled:hover {
  background: none;
  cursor: default !important;
}

#msr-ribbon .msr-button-1.msr-button-disabled > div:hover,
#msr-ribbon .msr-button-2.msr-button-disabled > div:hover {
  background: none;
}

#msr-ribbon .msr-button-1 > div {
  height: 62px;
  line-height: normal;
  padding: 5px 4px;
  text-align: center;
}

#msr-ribbon .msr-button-1 > div:hover {
  background: url(../img/msr-ribbon/buttons/button-1-hover-left.png) no-repeat left;
}

#msr-ribbon .msr-button-1.msr-active-item {
  background: url(../img/msr-ribbon/buttons/button-1-active-right.png) no-repeat right;
}

#msr-ribbon .msr-button-1.msr-active-item:hover {
  background: url(../img/msr-ribbon/buttons/button-1-active-hover-right.png) no-repeat right;
}

#msr-ribbon .msr-button-1.msr-active-item > div {
  background: url(../img/msr-ribbon/buttons/button-1-active-left.png) no-repeat left;
}

#msr-ribbon .msr-button-1.msr-active-item:hover > div {
  background: url(../img/msr-ribbon/buttons/button-1-active-hover-left.png) no-repeat left;
}

#msr-ribbon .msr-button-1 p {
  margin: 0;
}

/*#SECOND BUTTON*/
#msr-ribbon .msr-button-2 {
  margin-left: 1px;
  white-space: nowrap;
}

#msr-ribbon .msr-button-2 > div {
  height: 18px;
  line-height: normal;
  margin-left: 4px;
  padding: 3px 4px 3px 0;
  /*padding-right: 4px;*/
}

#msr-ribbon .msr-button-2:hover {
  background: url(../img/msr-ribbon/buttons/button-2-hover-left.png) no-repeat left;
  cursor: pointer;
}

#msr-ribbon .msr-button-2 > div:hover {
  background: url(../img/msr-ribbon/buttons/button-2-hover-right.png) no-repeat right;
}

#msr-ribbon .msr-button-2.msr-active-item {
  background: url(../img/msr-ribbon/buttons/button-2-active-left.png) no-repeat left;
}

#msr-ribbon .msr-button-2.msr-active-item:hover {
  background: url(../img/msr-ribbon/buttons/button-2-hover-left.png) no-repeat left;
}

#msr-ribbon .msr-button-2.msr-active-item > div {
  background: url(../img/msr-ribbon/buttons/button-2-active-right.png) no-repeat right;
}

#msr-ribbon .msr-button-2.msr-active-item:hover > div {
  background: url(../img/msr-ribbon/buttons/button-2-hover-right.png) no-repeat right;
}


#msr-ribbon .msr-button-2 > div > img { /* target the icon */
  margin-right: 2px;
  vertical-align: middle;
}

#msr-ribbon .msr-button-2 p {
  display: inline;
  line-height: 16px;
  margin: 0;
}

#msr-ribbon .msr-button-1 p > span > img, #msr-ribbon .msr-button-2 p > span > img { /* The arrow down image */
  margin-left: 4px;
  vertical-align: 20%;
}

#msr-ribbon .msr-button-1 .msr-arrow-down-newline > span { /* arrow on next line */
  display: block;
  text-align: center;
  width: 30px;
  margin: 0 auto;
}

#msr-ribbon .msr-button-1 .msr-arrow-down-newline > span > img {
  margin: 0;
}

/*# MODAL BOX*/
#msr-ribbon .msr-modal {
  height: 300px;
  left: 94px;
  line-height: normal;
  position: absolute;
  top: 131px;
  width: 350px;
  z-index: 1;
}

#msr-ribbon .msr-modal > .msr-modal-box-1 {
  background: url(../img/msr-ribbon/modal/shadow-1.png) no-repeat right top;
  padding-right: 10px;
}

#msr-ribbon .msr-modal > .msr-modal-box-1 > div {
  background: url(../img/msr-ribbon/modal/modal-bkg.png) no-repeat left top;
  padding: 0 12px 12px 12px;
}

#msr-ribbon .msr-modal > .msr-modal-box-1 > div > p:first-child { /* just for testing... */
  font-weight: bold;
  heigth: 25px;
  line-height: 25px;
  margin: 0;
}

#msr-ribbon .msr-modal > .msr-modal-box-2 {
  background: url(../img/msr-ribbon/modal/shadow-3.png) no-repeat right top;
  padding-right: 10px;
}

#msr-ribbon .msr-modal > .msr-modal-box-2 > div {
  background: url(../img/msr-ribbon/modal/shadow-2.png) no-repeat left top;
  height: 12px;
}

/*# END RIBBON RELATED STYLING*/

#disclaimer {
  color: red;
  text-align: center;
}







#msr-ribbon .msr-button-disabled p, #msr-ribbon .msr-button-disabled a {
	color: #cecece;
}

#msr-ribbon .msr-button-disabled .msr-button-icon, .modifier-button-disabled {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;}
}

#msr-ribbon .msr-button-disabled.msr-button-1:hover,
#msr-ribbon .msr-button-disabled.msr-button-2:hover,
#msr-ribbon .msr-button-disabled.msr-button-1 > div:hover, 
#msr-ribbon .msr-button-disabled.msr-button-2 > div:hover {
	background: none !important;
	cursor: default;
}
	 
#msr-ribbon .msr-modal ul.element-list {
  margin: 10px 0 0 0;
  padding: 0;
}

#msr-ribbon .msr-modal ul.element-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#msr-ribbon .msr-modal ul li .list-item-container {
  padding: 2px 2px 2px 6px;	
}

#msr-ribbon .msr-modal ul li .list-item-inner-container {
  cursor: pointer;
}

#msr-ribbon .msr-modal ul li:hover {
  background: url(/shared/img/msr-ribbon/modal/modal-list-hover-right.png) repeat top right;  
}

#msr-ribbon .msr-modal ul li:hover .list-item-footer-container {
  background: url(/shared/img/msr-ribbon/modal/modal-list-hover-bottom-right.png) repeat-x bottom right;
  padding-bottom: 0 !important;
}

#msr-ribbon .msr-modal ul li:hover .list-item-container {
  background: url(/shared/img/msr-ribbon/modal/modal-list-hover-left.png) repeat-y top left;
}

#msr-ribbon .msr-modal ul li:hover .list-item-footer-left-container {
  background: url(/shared/img/msr-ribbon/modal/modal-list-hover-bottom-left.png) no-repeat bottom left;
}

#msr-ribbon .msr-modal ul .list-item-footer-left-container { 
  height: 2px;
}

.calendar {
  z-index: 10;
}

.multisite-selector select {
  width: 130px;
  margin: 2px;
  padding: 1px;
  font-size: 10px;
}

#msr-ribbon > #msr-sitecontrol-2 > li.multisite-selector:hover {
  background: none !important;
}

#sfWebDebugBar.backend {
  top: 32px !important;
}

#lang-switch-nl, #lang-switch-us {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

#lang-switch-nl.active, #lang-switch-us.active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}