/* ----- IKEA SG Styles ------------------------------------------ */

/* ####### React CSS Styles ############################################# */

.tablecontent {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.leftpadding {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.rightpadding {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}

.centerContent {
	font-family: Verdana,sans-serif;
	color:#000000;
	display: inline;
	width: 900px;
	float: left;
	position: relative;
}

a.default:visited {
  color: #3C82A4;
  text-decoration: none;
}
a.default:active {
  color: #3C82A4;
  text-decoration: none;
}
a.default:hover {
  color: #FF0000;
  text-decoration: underline;
}
a.default:link {
  color: #3C82A4;
  text-decoration: none;
}
a.defaultbold:visited {
  font-size: 11px;
  color: #3C82A4;
  font-weight: bold;
  text-decoration: none;
}
a.defaultbold:active {
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}
a.defaultbold:hover {
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
  text-decoration: underline;
}
a.defaultbold:link {
  font-size: 11px;
  color: #3C82A4;
  font-weight: bold;
  text-decoration: none;
}

.pagetitle3 {
  font: bold 11px Verdana; color: #636563;
	background-color: #b7cdde;
	padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
}

.tablecontent {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.leftpadding {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.rightpadding {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.linepadding {
  padding-top: 3px;
  padding-bottom: 2px;
}
.bodytitle {
	height : 70px;
	overflow: hidden;
	padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 8px;
}

.greytable {
	border-right: #D6D7D6 1px solid;
	border-top: #D6D7D6 1px solid;
	border-left: #D6D7D6 1px solid;
	border-bottom: #D6D7D6 1px solid;
	font-family: Verdana;
	font-size: 11px;
}
.greytitle {
	font: bold 12px Verdana; color: #636563
}
.greytitlebg {
	background-color: #D6D7D6;
	padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 8px;
}
.lightbluetitle {
	font: bold 12px Verdana; color: #636563
}
.lightbluetitlebg {
	background-color: #b7cdde;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.lightyellowtitlebg {
	background-color: #FFFF00;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.bluetitlebg {
	background-color: #9CCFFF;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.cyantitlebg {
	background-color: #00FFFF;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.greentitlebg {
	background-color: #00FF00;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.lightgreytitlebg {
	background-color: #C6C3C6;
	padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 0px;
}
.AdmMainContainer{
	height : 380px;
	overflow: auto; overflow-x: hidden; overflow-y: scroll;
	padding: 0px 3px 0px 0px;
}
.AdmSubContainer{
	height : 276px;
	overflow: auto; overflow-x: hidden; overflow-y: scroll;
	padding: 0px 3px 0px 0px;
}
.AdmRepContainer{
	width : 755px;
	height : 380px;
	overflow: auto; overflow-x: scroll; overflow-y: scroll;
	padding: 0px 3px 0px 0px;
}
.AdmUrlContainer{
  width : 580px;
	/*height : 70px;*/
	overflow: auto; overflow-x: scroll; overflow-y: scroll;
	padding: 0px 3px 0px 0px;
}
.BoxedBodyContainer{
	height : 400px;
	overflow: auto;
	padding: 0px 3px 0px 0px;
}
.cellcolor {
  background-color: #EFEFEF;
  border-top: solid 1px #FFFFFF;
}
.endformcell {
  background-color: #BBBBBB;
}
.mandatory {
  font-family: Verdana;
  color: #FF0000;
}
.stockout {
  color: #FF0000;
}
.errorText {
	font-family: Verdana;
	font-size: 11px;
	color: #800000;
	word-spacing: 0.1em;
	/*text-align: justify;*/
}
.helpText {
	font-family: Verdana;
	font-size: 11px;
	color: #000080;
	word-spacing: 0.1em;
	/*text-align: justify;*/
}

ul.list, .list  {
	font-size: 11px;
	margin: 2px 0px 3px 0px;
	padding: 2px 0px 3px 0px;
}
.list li {
	list-style-image: url(../images/icon_arrow.gif);
	margin-left: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding: 0px;
	text-align: left;
	line-height: 12px;
}

hr{
	width: 100%;
	font-size: 1px;
	color: #E3E2E1;
	margin: 2px 0px;
	background-color: #E3E2E1;
	border-top: solid 1px #E3E2E1;
}

#targetDiv {
  background-color: #FFFFFF;
  border: solid 1px #000000;
  width: 244px;
  height: 20px;
  position: absolute; top:272px; left:481px;
  overflow: auto; overflow-x: hidden; overflow-y: auto;
  padding: 0px 3px 0px 0px;
}

.SolidBoxedDiv {
  border: solid 1px #000000;
  width: 600px;
  padding: 5px 5px 5px 5px;
}

.SolidBoxedDiv2 {
  border: solid 1px #000000;
  width: 500px;
  padding: 5px 5px 5px 5px;
}

#memberDiv {
  color: #666666;
  font-family: Verdana;
	font-size: 11px;
  background-color: #DDE6EB;
  border: solid 1px #669999;
  padding: 3px 15px 5px 10px;
  width: 244px;
  height: 20px;
  position: absolute; top:1px; left:1px;
  overflow: auto; overflow-x: hidden; overflow-y: auto;
}


/* ####### Start: Form Elements ######################################### */

select { 
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	/*width: 150px;*/
	padding: 0px;
	margin: 0px;
	border: solid 1px #c3c2c1;
}
.txtInput { 
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	border: solid 1px #c3c2c1;
}
.inputButton {
	BORDER-RIGHT: #CFB300 1px outset; BORDER-TOP: #CFB300 1px outset; BACKGROUND: #FFDD00; FONT: 11px Verdana; BORDER-LEFT: #CFB300 1px outset; BORDER-BOTTOM: #CFB300 1px outset
}
.inputButton2 {
	BORDER-RIGHT: #CFB300 1px outset; BORDER-TOP: #CF0000 1px outset; BACKGROUND: #FF0000; FONT: 11px Verdana; BORDER-LEFT: #CF0000 1px outset; BORDER-BOTTOM: #CF0000 1px outset; color: #FFFFFF; font-weight: bold;
}
.inputButton3
{
  color: #000000;
  background-color: #EEEEEE;
  border-color : #000000;
  border-top : 1px solid;
  border-bottom : 1px solid;
  border-left : 1px solid;
  border-right : 1px solid;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  font-weight: bold;
}

/* ####### End: Form Elements ########################################### */


/* --------------------------------------------------------------- */

form, select, option, input, textarea, body, table, tr, td, a, pre {
  	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:none;
}

a:hover {
    /* cursor:pointer; */
}

body {
	margin:0px;
	padding:0px;
	border:0px;
	background-color: #B8D7EF; /*F2F1E9*/
	font-size:0.6em;
  text-align:center;
}

img {
	border:0px;
}

form {
	padding:0px;
	margin:0px;
	border:0px;
}

input, textarea {
	background-color: #FFFFFF;
}


/* ----- IKEA US Styles ------------------------------------------ */

#allContent {
	background-color:#FFFFFF;
	width:95.83em;
	padding:0px;
	margin:0px;
	border:0px;
	margin:7px; /* t r b l */
    text-align:left; 
    margin-left:auto; 
    margin-right:auto;
}

#allContent #mainPadding { /* white padding for the whole page, navigation included */
	padding:10px 10px 0px 10px; /* t r b l */
	background-color:#FFFFFF;
	display:block;
	float:left;
    position:absolute;
	width: 900px;
}

#allContent #mainPadding #main { /* the page itself without header and footer*/
	background-color:#FFFFFF;
	display:block;
	overflow:hidden;
    clear:left; /*new*/
    float:left;
	_overflow:none; /*Fix for IE 5.5*/
}

/* --------------------------------------------------------------- */.coll {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.colc {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: solid 1px #E2E2E2;
}
.colr {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: solid 1px #E2E2E2;
}
.coltable {
	margin: 15px 0px;
	padding: 0px;
}
.coltitle  {
	color: #FF6600;
	text-decoration: none;
}
.coltitle a {
	color: #F59100;
	text-decoration: none;
}


a {
	color: #3399FD;
	text-decoration: none;
}
.lightgreytitlebg {
	background-color: #E1E1E1;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
}
.potm {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #931447;
	margin: -3px 0px;
	padding: 5px 10px 10px 10px;
}

.potm_pink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF6699;
	margin: -3px 0px;
	padding: 5px 10px 10px 10px;
}
.potm_red {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #cc0000;
	margin: -3px 0px;
	padding: 5px 10px 10px 10px;
}



.line {
	font-size: 11px;
	line-height: 5px;
	color: #CCCCCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.hilite {
	font-size: 13px;
	color: #000080;
	margin: 0px;
	padding: 8px 10px 0px 10px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}