/* 
-----------------------------------------------
	Global CSS
	Project: i'm a mrs.
	Author: Netgenetix Media
	Version: August 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headings
		- Color Specific
		- Structure
		- Navigation
		- Lists
 	- Links
		- Forms
		- Standard + Misc
----------------------------------------------- */


/* =Base
----------------------------------------------- */
* {margin:0; padding:0;}  /* removes default padding/margins */

html { overflow-y: scroll;  /* removes horizontal scrollbars in popups */ }

body {
	margin: 0; padding: 0;
	background: #fff;	
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.45em;
	color: #666;
	text-transform: lowercase;
}

td, th, input, select, textarea, div, p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
 margin: 10px 0; 
}
img{border:0;}

body .anycase
{
	text-transform: none;
}

/* =Headings

----------------------------------------------- */	
h1, h2 {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 }

greenBorder.h1 {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; color: #cbdb2a  }

/* =Color Specific
----------------------------------------------- */	
/* color fills for header with logo */
.greyLogo { background: #6d6e71 url(../_img/logo_grey.gif) no-repeat left top }
.greenLogo { background: #cbdb2a url(../_img/logo_green.gif) no-repeat left top }
.purpleLogo { background: #92278f url(../_img/logo_purple.gif) no-repeat left top } 
.blueLogo { background: #00adef url(../_img/logo_blue.gif) no-repeat left top }
.pinkLogo { background: #ec008c url(../_img/logo_pink.gif) no-repeat left top }

/* Box border colors */
.greyBorder { border: 1px solid #6d6f71 }
.greenBorder { border: 1px solid #cbdb2a }
.purpleBorder { border: 1px solid #92278f }
.blueBorder { border: 1px solid #00adef }
.pinkBorder { border: 1px solid #ec008c }

/* Footer fill colors */
.greyBkgd { background: #6d6e71 }
.greenBkgd { background: #cbdb2a }
.purpleBkgd { background: #92278f }
.blueBkgd { background: #00adef }
.pinkBkgd { background: #ec008c }

/* Colored text */
.grey { color: #6d6e71 }
.green { color: #bbcc20 } /* made a bit darker */
.purple { color: #92278f }
.blue { color: #00adef }
.pink { color: #ec008c }

/* =Structure
----------------------------------------------- */	
#wrapper {
	margin: 0 auto;
	width: 949px;
	text-align: left;
}

#logo {
 position: absolute;
	width: 200px;
	height: 60px;
 z-index: 100;
}

#logo a { display:block; width:200px; height:60px; }

#header {
 height: 77px;
 width: 949px;
}

/* Log in & Log Out
--------------------------*/
#login {
 float: right;
	color: white;
	margin: 5px 7px 0 0;
}
* html #login { margin: 5px 4px 0 0 } /* IE6 correction */
#login input { text-transform: lowercase }

#logout {
 float: right;
	color: white;
	margin: 15px 7px 0 0;
}
* html #logout { margin: 15px 4px 0 0 } /* IE6 correction */

.loginSml { font-size: 9px; text-align: center; margin: -1px 0 0 0 }

.loginField { border: 1px solid #e7e7e8; width: 192px; height: 14px; font-size: 11px; }

.loggedIn_name { margin: 0; text-align: right }

.loggedIn_status { font-size: 10px; text-align: right }

.loggedIn_border { border-right: 1px solid #bebebe; padding: 0 10px 0 0 }


#heading {
 margin: 57px 0 6px 0;
}

#headingCountry {
	float: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
   padding: 0 0 2px 0;
	margin: 19px 19px 2px 0;
}

.headingImg {
 margin: 0 0 -6px 19px;
}

.breadcrumb {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
 padding: 0 0 2px 0;
	margin: 0 0 2px 0;
}

/* Home */
#homeCards {
 margin: 0 0 0 12px;
}

/* Getting Started */

.gettingstarted { padding: 0 0 1px 0 }

.gettingstarted h3 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0 0; padding: 10px 0 0 0; color: #333;  border-top: 1px solid #eee; }

.gettingstartedHeader { padding: 10px 0; margin: 25px 0 0 0; }

/* Resources */

.resources { padding: 0 0 1px 0 }

.resources h3 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0 0; padding: 10px 0 0 0; color: #333;  border-top: 1px solid #eee; }

.resourcesHeader { padding: 10px 0; margin: 25px 0 0 0; }

/* Press Releases */

.pressRelease { padding: 0 0 1px 0 }

.pressRelease h3 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0 0; padding: 10px 0 0 0; color: #333;  border-top: 1px solid #eee; }

.pressDate { font-size: 10px; font-style: italic }

.pressDate p { margin: 0; padding: 0 }

.pressHeader { padding: 10px 0; margin: 25px 0 0 0; }

/* Content */
#contentBox {
 margin: 0 14px 14px 14px;	
	padding: 0 0 3px 0;
}

#contentBox fieldset {
 padding: 2px 10px 8px 10px;
	border: 1px solid #cbdb2a;
}

legend { color: #6d6e71 }

#contentBox fieldset td {
 padding: 3px;
}

#content {
 width: 571px;
 margin: 0 auto;
}
#contentBoxAdRight
{
	float: right;
	margin: 0 16px 0 36px;
	text-align: center;
	border: solid 1px #ffffff;
}
#contentShareThis
{
	margin: 5px 5px 17px 5px;
	text-align: left;
}
.contentForm
{
	width: 680px; 
	margin-right: 0;
}

#col-1 {
 width: 260px;
	float: left;
	margin: 0 0 15px 0;
}

#col-2 {
 width: 260px;
	float: right;
	margin: 0 0 15px 0;	
}

.screenshots { background: #f4f4f4; padding: 5px 17px 20px 17px; }

.screenshots img { float: left; padding: 10px 23px }

#popupText /* pop up */ {	text-align: left; margin: 7px 14px 7px 7px }

#contentFooter {
 text-align: center;
 color: #999;	
}

#contentFooter p {
 margin: 20px 0 3px 0;
}

.iconGiftCards, .iconPackage {
	position: relative;
	top: 62px;
	left: 735px;
	margin: -30px 0 0 0;
	border: 0;
	z-index: 50;
}

.iconPackage 
{
	display:none;
	position: relative;
	top: 62px;
	left: 735px;
	margin: -30px 0 0 0;
	border: 0;
	z-index: 50;
}

/* Gift card receipt */
.giftCardReceipt {
 width: 375px;
	height: 163px;
	padding: 0;
	margin: 0;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../_img/giftcard_receipt.gif) no-repeat;
}

.receiptNumber {
	color: #666;
 margin: 0;
	padding: 111px 3px 0 55px;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/* Account */
.instructionBox {
 border: 1px solid #cbdb2a;
	padding: 12px;
}
.instructionBox a font{
  color: #cbdb2a;
}
.instructionBox a:hover font{
  color: #000;
}

/* Footer */ 
#footer {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 3px 0;
 height: 14px;
	width: 100%;
	text-align: center;
	color: white;
}


#copyright, #NGX {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
	text-align: left;
	margin: 7px 0 0 14px;
}

#mcafeesecure
{
	float: right; 
	margin: 10px 14px 0 0;
}
#copyright
{
	float:left;	
}
#NGX { float:right; margin: 7px 14px 0px 0px;}

/* =Navigation
----------------------------------------------- */
#navbar {  position: absolute; top: 77px; height: 40px; padding: 0; z-index: 100; }

ul#nav { padding: 0; margin: 0; list-style: none; }
ul#nav li { float: left; position: relative; overflow: visible; }
li.mnu { height: 50px; font-family: Arial, Helvetica, San-serif; overflow: visible; }
li.mnu span { position: absolute; left: -9999px; font-size: small; }
li.mnu a { display: block; height: 50px; border: 0; background-image: url(../_img/nav-new.gif); background-repeat: no-repeat; background-color: transparent; }
li.mnu ul	{ display: none; position: absolute; border: solid 1px #bcbcbc; margin: 0; padding: 0px; width: 130px; height: auto; top: 50px; left: 1px; background: #b5c2cd; list-style: none; } /* second-level lists */
li.mnu>ul	{ top: 50px; left: 1px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li.mnu ul li { display: block; float: none; position: relative;	border-bottom: solid 1px #728899; padding: 0; width: 100%; }
li.mnu ul li a { background-image: none; background-color: transparent; display: block; float: none; padding: 4px 7px; margin: 0; height: auto;	text-decoration: none; text-align: left; }
li.mnu ul li a:link		{  }
li.mnu ul li a:visited	{  }
li.mnu ul li a:hover	{ background-color: #8c9193; color: #fff;}
li.mnu ul li a:active	{  }
li:hover ul, li.over ul { display: block; }

li#li1	 { width: 158px; }
li#li2	 { width: 158px; }
li#li3	 { width: 158px; }
li#li4	 { width: 158px; }
li#li5	 { width: 158px; }
li#li6	 { width: 159px; }

li#li1 a:link, li#li1 a:visited	{ background-position: -0px 0px; }
li#li2 a:link, li#li2 a:visited	{ background-position: -158px 0px; }
li#li3 a:link, li#li3 a:visited	{ background-position: -316px 0px; }
li#li4 a:link, li#li4 a:visited	{ background-position: -474px 0px; }
li#li5 a:link, li#li5 a:visited	{ background-position: -632px 0px; }
li#li6 a:link, li#li6 a:visited	{ background-position: -790px 0px; }

li#li1 a:hover, li#li1 a:active	{ background-position: -0px -50px }
li#li2 a:hover, li#li2 a:active	{ background-position: -158px -50px }
li#li3 a:hover, li#li3 a:active	{ background-position: -316px -50px }
li#li4 a:hover, li#li4 a:active	{ background-position: -474px -50px }
li#li5 a:hover, li#li5 a:active	{ background-position: -632px -50px }
li#li6 a:hover, li#li6 a:active	{ background-position: -790px -50px }

li#li1 a.mnu-set	{ background-position: -0px -75px; }
li#li2 a.mnu-set	{ background-position: -158px -75px; }
li#li3 a.mnu-set	{ background-position: -316px -75px; }
li#li4 a.mnu-set	{ background-position: -474px -75px; }
li#li5 a.mnu-set	{ background-position: -632px -75px; }
li#li6 a.mnu-set	{ background-position: -790px -75px; }


/* =Lists
----------------------------------------------- */
#content ul{
 margin-left: 3px;
 padding: 0 0 0 30px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
	font-size: 12px;
}

#content ul li {
 padding-left: 13px;
 background-image: url(../_img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 margin: 7px 0;
	line-height: 1.4em;
	/* border: 1px solid #eee;*/
}

#content ul li li{
 padding-left: 13px;  /* distance between text to bullet */
 background-image: url(../_img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .5em;
 margin: 5px 0 5px 10px;
	line-height: 1.3em;
}

#content ul ul {
 padding: 2px 0 1px 0;
}


#content ol { 
 margin-left: 3px;
 padding: 0 0 0 30px;
 line-height: 1.1em;	
}

#content ol li {
 padding-left: 1px;
 margin: 7px 0;
	line-height: 1.4em;	
}

.faq_answer { line-height: 1.5em }

/* =Links
----------------------------------------------- */
.greyBorder a { text-decoration: none; color: #6d6f71 }
.greenBorder a { text-decoration: none; color: #cbdb2a }
.purpleBorder a { text-decoration: none; color: #92278f }
.blueBorder a, .sendToFriend a { text-decoration: none; color: #00adef }
.pinkBorder a { text-decoration: none; color: #ec008c }

#content a:hover, .sendToFriend a:hover { text-decoration: none; color: #000 } 

#footer a, #login a{ text-decoration: none; color: #fff; }
#footer a:hover { color: #bebebe; }

#copyright a, #NGX a, #contentFooter a, .breadcrumb a, #headingCountry a { text-decoration: none; color: #999; }
#copyright a:hover, #NGX a:hover, #contentFooter a:hover, .breadcrumb a:hover, #headingCountry a:hover { color: #000; }

/* =Forms
----------------------------------------------- */
.contactForm { margin: 0 }
.contactField { /* border: 1px solid #ec008c; height: 14px; */ width: 250px;  }
.contactTextarea { /* border: 1px solid #ec008c; */ width:252px;	height:90px; font-size: 13px }

.packageForm { margin: 0 0 0 80px }
.packageField { border: 1px solid #cbdb2a; width: 180px; height: 14px; }
.packageTextarea { border: 1px solid #cbdb2a; width:329px;	height:90px; font-size: 13px }

.friendField  { border: 1px solid #00adef; }
.friendTextarea{ border: 1px solid #00adef; width:329px;	height:90px; }

.formField  { border: 1px solid #cbdb2a; padding: 1px 0 0 0;}
.formTextarea { border: 1px solid #cbdb2a; width:329px;	height:90px; font-size: 13px}

.textarea { font-size: 13px }

select.contactSelect { width: 255px }

select { text-transform: lowercase }

/*select { background-color:#dde77c; border: 0; color: black}*/

fieldset a {	text-decoration: none; color: /*#cbdb2a */ #b0bf1a; }

textarea { font-size: 13px }

/* my forms table */
.myFormsTable td,  .myFormsTable th{ border-right: 1px solid #cbdb2a; padding: 3px 5px 3px 7px; }

.contactSubmit, .submit { text-align: right; padding: 10px 0 0 0 }


/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.clear { clear: both }

.linkedImage, .imgover { margin: 0; padding: 0; border: 0 }
.linkedImage a:hover { background: none }
	
* {outline:none;} /* no outline on linked images when clicked in Firefox */	   

.floatRight { float: right; padding: 0 0 6px 6px }

/* =FAQ Answers
----------------------------------------------- */
.faq_answer { margin:10px 20px; display:none; }

/* =Error and Confirmation Message
----------------------------------------------- */
.txt-error { color:#ff0000; }
.txt-cfm { color:#ff0000; }
.sendToFriend .txt-cfm { color: #00adef }

/* form select page
------------------------------------------------ */

.doc_category_header
{
	 padding: 1px 0px 1px 25px;
	 background-image:url(../_img/flex_arrow_close.gif);
	 background-position:left center;
	 background-repeat:no-repeat;
	 margin-bottom:2px;
}
.formSelectionTable
{
	width:100%;	
}
.formSelectionTable td
{
	width:50%;	
}
/* =Update Process Div
----------------------------------------------- */
#UpdateBG
{
  width:100%;
  height:100%;
  background-color:#eee;
  z-index:200;
  position: absolute;
  top:0;
  left:0;
  -moz-opacity:.7;
  filter:alpha(opacity=70);
  overflow:hidden;
}

#UpdateContent
{
	width:200px;
	height:100px;
	z-index:1000;
	margin:auto;
	padding:60px 30px 0px 30px;
	position:absolute;
	border:1px solid #000;
	background-color:#FFFFFF;
	text-align:center;
}