/* 
  Style Sheet for The Scratch for Bloomin' Official Site
 */

/* Overriding pseudo classes */
/*
a:link {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; background-color:#B9B9B9}
a:active {color: #000000; text-decoration: underline; }
*/

a:link {color: #6BB668; text-decoration: underline; font-weight: bold;}
a:visited {color: #3DA03A; text-decoration: underline;  font-weight: bold; }
a:hover {color: #000000; text-decoration: none; background-color:#6BB668;}
a:active {color: #000000; text-decoration: underline;  font-weight: bold;}

/*
 * Generic Styles
 */

img {
  border-width: 0;
}

table {
 margin: 0 auto;
}

td {
/*  font-family: sans-serif;*/
  font-size: 10pt;
  vertical-align: top;
}

th {
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

th.s4bTableHeader {
  background-color: #999999;
}

td.s4bTableCell {
  background-color: #DFDFDF;
}

p {
  font-family: sans-serif;
  font-size: 10pt;
  line-height: 180%;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 24px;
  margin-left: 10px;
}

h1 {
  font-family: sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  margin-right: auto;
  margin-bottom: 4px;
  margin-left: auto;
}

h2 {
  font-family: sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;
  background-image: url('media/ttlback.png');
  background-repeat: repeat-x;
}

address {
  font-family: sans-serif;
  font-size: 8pt;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #F2F2F2;
}

em {
  font-weight: bold;
  font-style: normal;
}

strong {
  font-size: larger;
  font-weight: bold;
  font-style: normal;
  text-decoration: blink;
}
/* 
div {
  border: 1px dotted #FFFF00;
}
*/
/*
 * Page Layout
 */

div.container {
  padding: 0;
  width: 100%;
  clear: both;
}

div#renderingArea {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  min-height: 588px;
/*  border: 1px solid #FF0000; */
}

div#renderingArea2 {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  min-height: 600px;
/*  width: 800px;
  min-height: 588px;*/
/*  border: 1px solid #FF0000; */
}

div#centeringContainer {
  margin: 0 auto;
}

div#headerContainer {
  position: relative;
  height: 128px;
}

div#menuContainer {
  white-space: nowrap;
  border-top-width: 1;
  border-bottom-width: 1;
  border-top-color: #DDDDDD;
  border-bottom-color: #999999;
  border-top-style: solid;
  border-bottom-style: solid;
  height: 21px;
  background-image: url('media/mback.png');
  background-repeat: repeat-x;
}


div#contentContainer {
  margin-top: 32px;
  margin-bottom: 32px;
}

div#footerContainer {
  background-image: url('media/mback.png');
  background-repeat: repeat-x;
}

.s4bInnerBoxWidth {
  width: 80%;
}

/*
 * Header
 */

#s4bSiteLogo {
  float:left;
}
 
#s4bSiteTitle {
  float: left;
  margin-top: 18pt;
  margin-left: 24pt;
}

#s4bLangChooser {
  font-family: sans-serif;
  font-size: 10pt;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: 8px;
  position: absolute;
  right: 8px;
  height: 11px;
 } 
 
/*
 * Footer
 */
 

/* 
 * Warning for No Javascript Browser Users
 */
 
.s4bNoJavascript {
  font-family: monospace;
  font-size: 8pt;
  color: #FF0000;
  font-weight: bold;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 0px;
}

/*
 * Top Page
 */
 
div#s4bTitleLogo {
  margin: 84px auto 80px;
}

/* 
 * News Page
 */
 
div#s4bNewsScreen {
  margin: 0 auto;
  position: relative;
  width: 800px;
  height: 496px;
  background-image: url('media/top.jpeg');
  background-repeat: no-repeat;
 }

div#s4bNewsAreaBottom { 
	text-align: left; 
	border: 0px dotted #FF0000; 
	position: absolute; 
	bottom: 2px; 
	right: 8px; 
	width: 324px; 
}


div#s4bNewsAreaTop { 
	text-align: left; 
	border: 1px dotted #FF6633;
	position: absolute; 
	top: 8px; 
	right: 8px; 
	width: 324px; 
}

h2.s4bNewsTop {
  font-family: sans-serif;
  font-size: 11pt;
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
  background-image: none;
}

div.s4bNewsTopics {
  font-family: sans-serif;
  font-size: 9pt;
  color: #000000;
  line-height: 140%;
  margin-bottom: 4px;
  margin-left: 5px;
}

p#s4bNewsTopicsPara {
  font-family: sans-serif;
  font-size: 10pt;
  color: #000000;
/*  font-weight: bold; */
  line-height: 130%;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 5px;
}


/*
 * Information Page
 */
 

.s4bPlus{
  margin-right: 24pt;
  float: left;
}

.s4bCPulse{
  margin-left: 24pt;
  float: right;
}

div.s4bPlusContainer {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  height: 166px;
  width: 75%;
}

div.s4bPlusContainerForMFSFlyer {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  height: 160px;
  width: 75%;
}

div.s4bPlusContainerForYT {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  width: 75%;
}

div.s4bPlusContainerL {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  height: 250px;
  width: 75%;
}

div.s4bPlusContainerSimple {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  width: 75%;
}

div#InfoMikaContainer {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  height: 228px;
  width: 75%;
}

p.s4bPlusDesc {
  font-family: sans-serif;
  font-size: 10pt;
  line-height: 108%;
  text-align: left;
  white-space: normal;
  margin-right: 10px;
  margin-bottom: 12px;
  margin-left: 10px;
}

/*
 * Contact Page
 */
 
div#s4bContactImage {
  margin-bottom:24px;
  margin-right: 24px;
  float: left;
}


div#s4bEMail {
	margin-left 24px;
	margin-right 24px;
	font-family: sans-serif;
	font-size: 10pt;
	line-height: 180%;
	text-align: left;
}


/*
 * Links Page
 */
 
/* Links Text */
div.s4bLinksText {
  font-family: monospace;
  font-size: 14pt;
  color: #000000;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 12px;
}

div#s4nLinkContainer {
  margin: 0 auto;
}

div#s4bLink1stColumn {
  width: 49%;
  float: left;
}

div#s4bLink2ndColumn {
  width: 49%;
  float: right;
}

img.s4bLinksImage {
	float: left;
}


/* 
 * Styles for Personal Profile Page
 */

div#s4bProfScreen {
  margin: 0 auto;
  position: relative;
  height: 496px;
  background-image: url('media/prof_bak.jpeg');
  background-repeat: no-repeat;
 }

/* Profile Citaton */
p.s4bProfileCite {
  font-style: italic;
  line-height: 160%;
  margin-bottom: 12px;
  margin-left: 24px;
}

div#s4bSakiImg {
  margin-top: 12px;
  margin-right: 12px;
  float: right;
  width: 180px;
}

div#s4bProfileColumn {
  margin-right: auto;
  width: 600px;
  float: left;
}

div#s4bMikaImg {
  float: right;
  width: 145px;
}


div.s4bProfArtistName  {
  font-family: sans-serif;
  font-size: 10pt;
  color: #000000;
  line-height: 200%;
}

/*
 * Personal Profile Screen
 */

h1#s4bProfPageName {
  font-family: sans-serif;
  font-size: 16pt;
  font-weight: normal;
  font-style: italic;
  font-variant: small-caps;
  text-align: left;
}

div.s4bProfPageLayout {
  position: relative;
  height: 480px;
  width: 640px;
  margin: auto;
}

div#s4bSakiProfPage {
  background: url('media/sak.jpeg') no-repeat;
}

div#s4bMikaProfPage {
  background: url('media/mik.jpeg') no-repeat;
}

div#s4bMikaProfileBlock {
  position: absolute;
  top: 28px;
  left: 24px;
  height: 388px;
  width: 276px;
}

div#s4bSakiProfileBlock {
  position: absolute;
  top: 12px;
  right: 24px;
  height: 388px;
  width: 276px;
}

/* Close Link */
div.s4bProfPageClose {
  font-family: sans-serif;
  font-size: 8pt;
}

div#s4bProfPageSakiClose {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

div#s4bProfPageMikaClose {
  position: absolute;
  bottom: 24px;
  left: 24px;
}

p.s4bProfPageText {
  font-size: 10pt;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 10px;
  line-height: 150%;
 }
  	
/*
 * Photo Album Page
 */

div#s4bPhotoBookScreen{
  margin-right: 0 auto;
  position: relative;
  background-image: url('media/pb_bak.jpeg');
  background-repeat: no-repeat;
  background-position: center center;
}

table#s4bThumbnail {
  padding: 5px;
}

td.s4bThumbnailNavCell {
  text-align: center;
  vertical-align: middle;
  height: 24px;
/*
  background-color: #DFDFDF;

*/
}

td.s4bThumbnailPhotoCell {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
/*
  background-color: #CCCCCC;
*/
}

.s4bThumbnailNavigation {
  font-family: monospace;
/*  font-size: small;*/
  margin-right: 24;
  margin-left: 24;
}
 
#s4bThumbnailNavDisabled {
  color: #999999;
 }

#s4bThumbnailNavEnabled {
}

/*
 * Lightbox - This is really Cool!. 
 * Visit Lightbox Project Page for More Information
 * http://www.huddletogether.com/projects/lightbox/
 */

/*
#lightbox{
  background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
}

#lightboxDetails{
  font-size: 0.8em;
  padding-top: 0.4em;
}

#lightboxCaption{
  font-family: sans-serif;
  float: left;
}

#keyboardMsg{
  float: right;
}

#closeButton{
  top: 5px;
  right: 5px;
}

#lightbox img{ 
 border: none; 
 clear: both;
} 

#overlay img {
  border: none; 
}

#overlay{
  background-image: url(media/overlay.png); 
}

* html #overlay{
  background-color: #333;
  back\ground-color: transparent;
  background-image: url(media/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/overlay.png", sizingMethod="scale");
}
*/