/* ############################################################################################## */
/* NEW STYLES THAT FOLLOW THE STYLESHEET GUIDE */
/* STYLES FOR GENERAL TAGS */
/* ############################################################################################## */
/* Text formatting */
.g_note {
  font-size: 11px;
  color: #666;
}

.g_footNote {
  color: #888;
  font-size: 10px;
}

.g_pageHeading {
  height: 22px;
  line-height: 22px;
  margin: 0px;
  font-weight: bold;
  font-size: 11px;
  text-indent: 10px;
  white-space: nowrap;
  color: #fff;
  background: #85c440;
}

/* Text table style (used for better readability) */
.g_textTable {
  border-spacing: 0px;
  margin: 0px auto;
  margin-top: 0px;
  width: 45%;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Default table style */
.g_table {
  width: 100%;
  background: #e7e7e7;
  border: none;
}

.g_tableHeader {
  height: 20px;
  font-weight: bold;
  color: #fff;
  background: #bdbdbd;
}

.g_tableHeader a,
.g_tableHeader a:link,
.g_tableHeader a:visited {
  color: #fff;
}

.g_tableHeader a:hover {
  color: #fff;
  text-decoration: none;
}

.g_tableRowOff {
  background: #fff;
}

.g_tableRowOn {
  background: #e7e7e7;
}

.g_navigatorSelectedRow { 
  background: #f2f1f1;
}

.g_navigatorSelectedPage {
  background: #bdbdbd;
}

.g_navigatorSelectedPage a:active,
.g_navigatorSelectedPage a:hover {
  color: #fff;
  text-decoration: none;
}

.g_navigatorSelectedPage a:link,
.g_navigatorSelectedPage a:visited {
  color: #fff;
  text-decoration: none;
}
a.g_navigatorSelectedPage:active,
a.g_navigatorSelectedPage:hover,
a.g_navigatorSelectedPage:link,
a.g_navigatorSelectedPage:visited {
  text-decoration: none;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* System messages */
.g_systemInfo {
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #85c440;
}

.g_systemError {
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #f30;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Standard Forms */
.g_form {
  border: none;
  width: 100%;
}

.g_formLabel {  
  color: #000;
  text-align: left;
  font-size: 11px;
}

.g_formField {
  padding: 2px;
  font-size: 10px;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #666;
  background: #fff url(/com/GFX/skin/mfm/beyonce/bg_fields.gif) top left repeat-x;
  border: 1px solid #999;
}

.g_formField_error {
  font-size: 10px;
  border: 1px solid darkred;
  background: peachpuff;
}

.g_formButton {
  padding: 0px;
  margin: 0px;
  width: 150px;
  height: 18px;
  font-size: 10px;
  font-weight: bold;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  text-align: center;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  background: url(/com/GFX/skin/mfm/beyonce/btns/150.gif) no-repeat;
}

a.g_formLabel:link {
  color: #c81002;
}
     
a.g_formLabel:visited {             
  color: #c81002;
  text-decoration: none;  
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Forum and messages */
.g_message {
  font-size: 12px;
  width: 100%;
  border: 1px solid #666;
  border-spacing: 0px;
}

.g_message td {
  padding: 3px;
}

.g_messageHeader {  
  font-size: 15px;
  font-weight: bold;
  background: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
  border-spacing: 0px;
}

.g_messageSenderInfo {
  vertical-align: top;
  border-top: 0px solid #000;
  border-right: 0px solid #000;
  border-left: 0px solid #000;
  background: #cde9f3;      
}

.g_messageContent {
  color: #000;
  width: 100%;
}

.g_messageInfo {  
  background: #e7e7e7;
}

a.g_messageThread:link,
a.g_messageThread:visited {
}

a.g_messageThreadAction {
  color: #fff;
}

a.g_messageAction,
a.g_messageAction:link,
a.g_messageAction:hover,
a.g_messageAction:visited {
  font-weight: normal;
  font-size: 12px;
}

.g_messageHeaderPrivate a.g_messageAction,
.g_messageHeaderPrivate a.g_messageAction:link,
.g_messageHeaderPrivate a.g_messageAction:hover,
.g_messageHeaderPrivate a.g_messageAction:visited,
.g_messageHeaderDeleted a.g_messageAction,
.g_messageHeaderDeleted a.g_messageAction:link,
.g_messageHeaderDeleted a.g_messageAction:hover,
.g_messageHeaderDeleted a.g_messageAction:visited {
  color: #fff;
}

a.g_messageThreadLink {
  font-weight: bold;
  color: blue;
  text-decoration: none;
}

.g_messageThreadLine {
  background: #85c440;
  width: 5px;
  border-top: 1px solid #004d99;
  border-right: 1px solid #004d99;
  border-bottom: 1px solid #004d99;  
}

.g_messageFooter {
  font-style: italic;
  height: 30px;
}

.g_messageDeleted {
  font-size: 12px;
  background: #dd7777;
  color: #601717;
  border: 1px solid #004d99;
}

.g_messageHeaderDeleted {
  background: #d55454;
  font-size: 12px;
  font-weight: bold;
  color: #601717;
}

.g_messagePrivate {
  background: #ffcc66;
  font-size: 12px;
  color: #601717;
  border: 1px solid #004d99;
}

.g_messageHeaderPrivate {
  background: #e7aa30;
  font-size: 12px;
  font-weight: bold;
  color: #663300;
}

.g_messageTypeColumn {
  width: 50px;
}

.g_messageSenderRecipientColumn {
  width: 125px;
}

.g_messageSubjectColumn {
  width: *;
}

.g_messageDateColumn {
  width: 100px;
}

.g_messageOptionsColumn {
  width: 10px;
}
/* ############################################################################## */


/* #################### Slide Menue ####################################################### */
.slideMenue_control {
  text-decoration: underline;
  cursor: pointer; 
  cursor: hand;
  text-align: right;
  color: #fff;
}

#slideMenue_contentBox {
  text-align: center;
  border: 1px solid #09c;
  visibility: hidden;
  position: absolute;
  background: #fff;
  overflow: hidden;
  padding: 0px;
  height: 160px;
  width: 160px;
  /* Remove to change slide direction */
  right: 0px;
  top: 0px;
}
#slideMenue_content {
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size: 0.8em;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
#slideMenue_contentHead {
  padding: 0px;
  margin: 0px;
  background: #51b45a;
  color: #fff;
  text-align: right;
  border-bottom: 1px solid #09c;
}
.slideMenueHeadText{
  color:white;
  font-weight:bold;
  font-size:80%;
}
#slideMenue_Table{
  width: 160px;
  margin:0px;
  padding:0px;
  text-align:center;
  height:165px;
}
#slideMenue_slidedown{
  position:relative;
  width:190px;
}

#slideMenue_Pin{
  cursor: pointer; 
  cursor: hand;
}

div.slideMenue_Pin_on{
  background: url(/com/GFX/global/slideMenue/pinOn.gif) no-repeat;
  text-align:right;
  background-position:right;
}
.slideMenue_Pin_on img{
  width:13px; height:20px;
}

div.slideMenue_Pin_off{
  background: url(/com/GFX/global/slideMenue/pinOff.gif) no-repeat;
  text-align:right;
  background-position:right;
}
.slideMenue_Pin_off img{
  width:13px; height:20px;
}

div.slideMenue_Close{
  background: url(/com/GFX/global/slideMenue/close.gif) no-repeat;
  text-align:right;
  background-position:right;
  cursor: pointer; 
  cursor: hand;
}
.slideMenue_Close img{
  width:16px; height:16px;
}
/* ######################################################################################## */


/* #################### Emotions ########################################################## */

span.g_EmotionSmile,span.g_EmotionSad,span.g_EmotionRedFace,span.g_EmotionScare,
span.g_EmotionCry,span.g_EmotionBiggrin,span.g_EmotionCool,span.g_EmotionYes,span.g_EmotionNo,
span.g_EmotionNinja,span.g_EmotionBeer,span.g_EmotionFlower,span.g_EmotionBad,span.g_EmotionParty,
span.g_EmotionPuke,span.g_EmotionDevil,span.g_EmotionCool{
  margin:0px;
  padding:1px 0px 5px 0px; 
}
.g_EmotionSmile img, .g_EmotionSad img, .g_EmotionRedFace img, .g_EmotionScare img,
.g_EmotionCry img, .g_EmotionBiggrin img, .g_EmotionCool, .g_EmotionYes img, .g_EmotionNo img,
.g_EmotionNinja img, .g_EmotionBeer img, .g_EmotionFlower img, .g_EmotionBad img, .g_EmotionParty img,
.g_EmotionPuke img, .g_EmotionDevil img, .g_EmotionCool img{
  width:15px; 
  height:15px;
}
/* ----- Smile --------------------------------------------------------------------- */
span.g_EmotionSmile{
  background: url(/com/GFX/global/emotions/smile.gif) no-repeat;
}
/* ----- Sad ----------------------------------------------------------------------- */
span.g_EmotionSad{
  background: url(/com/GFX/global/emotions/sad.gif) no-repeat;
}
/* ----- RedFace ------------------------------------------------------------------- */
span.g_EmotionRedFace{
  background: url(/com/GFX/global/emotions/redface.gif) no-repeat;
}
/* ----- Scare --------------------------------------------------------------------- */
span.g_EmotionScare{
  background: url(/com/GFX/global/emotions/scare.gif) no-repeat;
}
/* ----- Cry ----------------------------------------------------------------------- */
span.g_EmotionCry{
  background: url(/com/GFX/global/emotions/cry.gif) no-repeat;
}
/* ----- BigGrin ------------------------------------------------------------------- */
span.g_EmotionBiggrin{
  background: url(/com/GFX/global/emotions/biggrin.gif) no-repeat;
}
/* ----- Cool ---------------------------------------------------------------------- */
span.g_EmotionCool{
  background: url(/com/GFX/global/emotions/cool.gif) no-repeat;
  padding:0px;
}
/* ----- Yes ----------------------------------------------------------------------- */
span.g_EmotionYes{
  background: url(/com/GFX/global/emotions/yes.gif) no-repeat;
}
/* ----- No ------------------------------------------------------------------------ */
span.g_EmotionNo{
  background: url(/com/GFX/global/emotions/no.gif) no-repeat;
}
/* ----- Devil --------------------------------------------------------------------- */
span.g_EmotionDevil{
  background: url(/com/GFX/global/emotions/devil.gif) no-repeat;
}
html>body span.g_EmotionDevil{
  padding-top:1px;
}
/* ----- Ninja --------------------------------------------------------------------- */
span.g_EmotionNinja{
  background: url(/com/GFX/global/emotions/ninja.gif) no-repeat;
}
/* ----- Beer ---------------------------------------------------------------------- */
span.g_EmotionBeer{
  background: url(/com/GFX/global/emotions/beer.gif) no-repeat;
}
.g_EmotionBeer img{
  width:30px;
}
/* ----- Flower -------------------------------------------------------------------- */
span.g_EmotionFlower{
  background: url(/com/GFX/global/emotions/flower.gif) no-repeat;
}
.g_EmotionFlower img{
  width:20px;
}
/* ----- Party --------------------------------------------------------------------- */
span.g_EmotionParty{
  background: url(/com/GFX/global/emotions/party.gif) no-repeat;
}
html>body span.g_EmotionParty{
  padding-top:10px;
}
.g_EmotionParty img{
  height:35px;
}
/* ----- Puke ---------------------------------------------------------------------- */
span.g_EmotionPuke{
  background: url(/com/GFX/global/emotions/puke.gif) no-repeat;
}
/* ----- Bad ----------------------------------------------------------------------- */
span.g_EmotionBad{
  background: url(/com/GFX/global/emotions/bad.gif) no-repeat;
}
/* ######################################################################################## */



/* ############################################################################################## */
/* Purchase & order styles */
.g_purchaseFooter {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #ccc;
}

.g_purchaseForm {
  width: 788px;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
  color: #000;
  overflow: hidden;
  background: #f2f1f1;
  border: 1px solid #ccc;
}

table#g_purchaseArticle {
  position: relative;
  top: 5px;
  left: 0px;
  width: 100%;
  height: auto;
  padding-bottom: 4px;
  margin: 0px auto 5px auto;
  border-bottom: 1px solid #ccc;
}

.g_purchaseGetData {
  width: 100%;
  _width: 97%;
  margin: 0px auto;
}

.g_purchaseInfo {
  width: 100%;
  clear: both;
  z-index: 2;
}

.g_purchaseHeader {
  padding: 0px;
  margin: 0px auto;
  width: 788px;
  color: #000;
  text-align: center;
  background: #f2f1f1;
  border: 1px solid #ccc;
}

.g_purchaseHeaderColumn {
  width: 180px;
}

.g_purchaseArticleHeader {
  position: absolute;
  font-size: larger;
  font-weight: bold;
  color: #004163;
}

.g_purchaseArticleEmphasize {
  position: absolute;
  color: #c90707;
  top: 20px;
  font-weight: bolder;
}

.g_purchaseArticleContent {
  position: absolute;
  top: 50px;
}

.g_purchaseArticleSelect {
  text-align: center;
  width: 24px;
}

.g_order {
  margin: 0px auto;
  border-spacing: 0px;
  color: #ff4500;
  border-spacing: 0px;
}

.g_orderText {
  color: #09c;
}

.g_orderTitle {
  font: bold 16px verdana,arial,helvetica,sans-serif;  
  color: black;
}

#g_bottomContentSpacer {
  display: none;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Order & Cart Positions */
.g_posTable {
  width: 99%;
  margin: 0px auto;
  font-size: 12px;
  border-collapse: collapse;
}

.g_posHeading {
  font-weight: bold;
  color: #000;
  background: #fff;
  border: 1px solid #305aa5;
}

.g_posCell {
  color: #000;
  background: #f0f0f0;
  border: 1px solid #305aa5;
}

.g_posTotal {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}

.g_posTotalGst {
  font-size: 13px;
  color: #000;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* User Profile */
.g_profileDataRow {
  border-bottom: 1px solid #5189FF;
  color: #0E127B;
  font-weight: bold;
}

#g_profileImgCell{
}

#g_profileDataCell{
}
/* ############################################################################################## */

#g_acceptTermsTextField {
  background: #fff;
  width: 100%;
}

.g_supportContent {
  background: #f2f1f1;
  padding: 10px;
  border: 1px solid #ccc;
}

.g_certificate {
  text-align: left;
}

.g_supportContent table.g_form {
  width: 768px;
  background: #e7e7e7;
}