/*********************************
 *          General Styles       *
 *********************************/

body {
	margin: 5px;
	background-color: #ffffff;
	font-family: verdana, sans-serif;
	color: #2A2A2A;
}

p, ul, ol, td, div {
	font-family: verdana, sans-serif;
	font-size: small;
}

li {
	padding-top: .375em;
	text-align: left;
}

.lialt {
	padding-top: .1em;
}

a, .hyperlink {
	color: #157ab4;
	text-decoration: underline;
	cursor:pointer;
}

table{
	empty-cells: show;
	border-collapse: collapse;
}

a img{
	border: 0;
}


#page{
	margin: auto;
	padding: 10px 0;
	border-width: 0 2px;

	background: #fff;
}

.small {
	font-size: small;
}

/*************************************
 *          Header Styles            *
 *************************************/

#pageHeader{
	position:relative;
	margin-bottom: 5px;
	font-weight: normal;
}

#tabsAndLogo{
	position:relative;
	height: 60px;

	overflow: hidden;

	margin: 0;
	padding: 0;

}

#headerLogo{
	float: left;
}

#headerCart{
	float: right;
	margin: 5px;
}

#tabs{
	position: absolute;
	left: 200px;
	bottom: 0;

	margin: 0;
	padding: 0;

}

#tabs li{
	/** see background in lulu.css-dist **/

	position: relative;
	float: left;
	padding: 0 15px;

	height: 28px;
	line-height: 28px;
	list-style: none;

	font-size: small;
	font-weight: bold;
	margin: 0 1px 0 0;

	white-space: nowrap;
}

#tabs li a{
	position: relative;
	display: block;
	top: 1px;
	text-decoration: none;
	color: #0F465B;
}

.tabLeftCorner{
	/** see background in lulu.css-dist **/

	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	margin: 0;
}
.tabRightCorner{
	/** see background in lulu.css-dist **/

	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	margin: 0;
}

#tabs li.on{
	/** see background in lulu.css-dist **/
}

#tabs li.on a{
	text-decoration: none;
	color: #ffffff;
}

#tabs li.on .tabLeftCorner{
	/** see background in lulu.css-dist **/
}

#tabs li.on .tabRightCorner{
	/** see background in lulu.css-dist **/
}

#searchAndWelcome{
	/** see background in lulu.css-dist **/

	position: relative;
	height: 24px;
	overflow: hidden;

	border: solid 1px #53a6d2;
	border-width: 0 1px 1px 1px;
	padding: 0 7px;

	font-size: x-small;
	line-height: 24px;

}

#welcome{
	position: relative;
	float: left;
	font-size: x-small;
}

#searchBar{
	position: relative;
	float: right;
	font-size: x-small;
}

#searchBar div{
	font-size: x-small;
}

#searchBar input{
	margin:2px 0 0 0;
}

/*******************************
 *    Page Body and Content    *
 *******************************/

#pageBody {
	margin: 0;
	text-align: left;
	overflow: hidden;
	font-family: verdana, sans-serif;
	font-size: small;
	min-width: 760px;
	padding: 0;
}

.largeContentHeader {
	/** see background in lulu.css-dist **/
	margin: 0 0 10px 0;
	padding: 5px 0px 5px 20px;
	padding: 0px;
	color: #fff;
	font-weight: 100;
	text-align: left;
	
}

.contentHeader {
	/** see background in lulu.css-dist **/
	position: relative;
	margin: 0 0 8px 0;
	padding: 5px 0px 5px 5px;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
	font-weight: 100;
	font-size: x-large;
	color: #fff;
	text-align: left;
	text-transform:capitalize;
}

.contentBody{
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 200px;
}

/**********************************************
 *         Two column styles
 **********************************************/
div#pageBody.twoCol{
}

.twoCol .contentBody, .account .contentBody{
	/** see background in lulu.css-dist **/
	margin-bottom: 4px;
	margin-left: 180px;
	border-bottom: solid 1px white;
}

.collapsedNav .contentBody{
	margin-left: 20px;	
}

#leftNav #collapseNav{
	display: none;
}

/***************************************************
 *  Three column styles (extends two column styles)*
 ***************************************************/
.contentLeft{
	width: 48%;
	float: left;
	margin-left: 5px;
}

.contentRight {
	width: 48%;
	float: left;

	margin-left: 10px;
}

.contentRight h4, .contentLeft h4 {
	margin-top: 0px;
}

/**************************************************
 *         Center Content Layout                  *
 **************************************************/
.centerContent .contentBody{
	width: 800px;
	margin: 0 auto;
 }

.centerContent .caric{
	float: left;
}

.centerContent .mainContent{
	margin-left: 100px;
}

/******************************************************
 * Left Nav Styles
 ******************************************************/

 #leftNav {
	position: relative;
	float: left;
	width: 175px;
	background: #fff;
	overflow: hidden;
	line-height: 1.2em;
}

/* This is used to color unlinked text.*/
.leftnav span {	
	color: #000;
}

/* Added to solve an overflow problem in ff on Linux */
.leftnav input[type="text"] {
	width: 150px;
}	

/* This class is for section headers. Needs the li to overcome some weird inheritance issues, same with the !importants. Feel free to redo this more elegantly, I'm stumped. */ 
	
li.navlistname { 
	background-color: #ff9f00 !important;
	background-image: none !important;
	padding: 5px 5px 5px 10px; 
	margin: 0;
	border: 0;	
	color: #fff;
	font-size: 12pt;
	font-weight: bold; }

.navlistname a {	
	background-color: #ff9f00 !important; }
	
.navlistname a:link {
	color: #fff }	
	
.navlistname a:visited {
	border-bottom: 0;
	color: #fff }

/* Use this for list chunks that contain input fields, like the Show Price In dropdown or the search boxes. */

li.navnobullet {
	margin: 6px;
	padding: 0;
	background-color: #fdc75a !important;
	background-image: none !important; 
	list-style-type: none;
}		
	
/* These are for the lists of tiny links that act as submenus. Needs the ul to overcome some inheritance thing. */

ul.navsubmenu {
	border-bottom: 1px dotted #ff9f00;
	padding-bottom: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	
	color: #fff; }

.navsubmenu li {
	margin-left: 1px;
	list-style-type: none;
	/* See lulu-dist file for background */
	line-height: 11px;
	font-size: 8pt;	}	

/* This containing div controls the background and width. */
	
.leftnav {
	/* See lulu-dist file for background */
	width: 170px; 
	padding-top: 0px;		
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-weight: 100;
}

.leftnav ul { 
	margin: 0px;
	padding: 0px; 	
	list-style-type: none;
	font-family: "Verdana", "Trebuchet MS", "MS Sans Serif", sans-serif;
	font-size: 13px;
	color: #333;
}	
		
.leftnav li {
	/* See lulu-dist file for background */
	padding: 3px 5px 3px 17px;
	margin: 0px;
}		

.leftnav a:link { 
	text-decoration: none;
	color: #444;
}	
	
.leftnav a:visited { 
	text-decoration: none;
	color: #6f6f6f;
}	
	
.leftnav a:hover { 
	border: 0;
	text-decoration: underline;
	color: #fff; 
}
	
.leftnav a:active { 
	text-decoration: underline;
	color: #fff;
}
	
.leftnav input {
	margin: 3px;
}

/* Styles for the live help button */
.leftnavhelp {
	text-align: center;
	font-size: x-small;
	font-weight: bold; 
	margin-left: 0 !important;
}

/* Firefox steadfastly refuses to give up the background image */
li.leftnavhelp { 
	background-image: none !important;
	padding-left: 0px;
	padding-right: 0px;
}	

.leftnavhelp p { 
	padding: 0px;
	margin: 0px 5px 0px 10px;
	line-height: 15px;
	text-align: left;
	font-size: x-small;
	font-weight: 100;
}

/* This class is for section headers. Needs the li to overcome some weird inheritance issues, same with the !importants. Feel free to redo this more elegantly, I'm stumped. */ 
	
li.navlistname { 
	background-color: #ff9f00 !important;
	background-image: none !important;
	padding: 5px; 
	margin: 0;
	border: 0;	
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
}

.navlistname a:link {
	color: #fff }	
	
.navlistname a:visited {
	border-bottom: 0;
	color: #fff }

/* Use this for list chunks that contain input fields, like the Show Price In dropdown or the search boxes. */

li.navnobullet {
	margin: 6px;
	padding: 0;
	background-color: #fdc75a;
	background-image: none; 
	list-style-type: none;
}		
	
/* These are for the lists of tiny links that act as submenus. Needs the ul to overcome some inheritance thing. */

ul.navsubmenu {
	border-bottom: 1px dotted #ff9f00;
	padding-bottom: 9px;
	margin-bottom: 3px;
	margin-top: 5px;
	margin-left: 0px;
	list-style-type: none;
	color: #fff; }

.navsubmenu li {
	/* See lulu-dist file for background */
	line-height: 11px;
	font-size: 11px;
	margin-left: 0px;
	padding-left: 12px;
}	

/********************************************************
 *			Footer 				*
 ********************************************************/
table#footer{
	margin: 5px auto 0 auto;
	clear: both;
	/** see background in lulu.css-dist **/
	border: solid 1px #a1cce8;
	width: 100%;
}

table#footer td{
	vertical-align: top;
	text-align: center;
}

table#footer td ul{
	list-style-type: none;
	margin: 3px auto;
	padding:10px;
	text-align: left;
}

#subfooter{
}

/*** end footer ***/


#langUpdate {
	padding: 10px 0;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

#langUpdate img {
	vertical-align: middle;
	 padding-right: 15% }
	

#privacyPledge {
	width:80%;
	text-align: center;	}

#privacyPledgeSeal {
width: 80%;
	float: left; }

#privacyPledgeLinks {
	width: 80%;
	margin: 0 auto; }

.home{
	color: #0055bb;
}

.body {
	text-align: left;
	width: 100%;
}

.linktopnav, .linktopnav td, .linktopnav a {
	font-size: x-small;
	color: #000000;
}
.linksubnav, .linksubnav td, .linksubnav a {
	font-size: x-small;
	font-weight: bold;
	color: #ffffff
}
.linkalt, .linkalt td {
	color: #2A2A2A
}

/** DEPRECATED **/
.headerWidth {
	width: 100%;
	text-align: left;
}
.minWidth {
	min-width: 620px;
}
.dialogWidth, .dialogWidth p {
	width: 99%;
	text-align: left;
}
.whitespace {
	height: 3px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.whitespacealt {
	height: 7px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.whitespaceten {
	height: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.whitespaceVertical {
	height: 0px;
	width: 3px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.spacer {
	height: 2px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.spacerVertical {
	width: 2px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
.padding {
	padding: 5px;
}
.padding3 {
	padding: 3px;
}
.padding8 {
	padding: 8px;
}
.paddingten {
	padding: 10px;
}
.center {
	text-align: center;
}
.teensy {
	font-size: x-small;
	font-weight: bold;
}
/** END DEPRICATED **/
.bullet {
	font-size: x-small;
	font-weight: bold;
	display: inline;
	padding: 3px;
}
.dialogFrame {
	background-color: #eeeeee;
	padding: 10px 0px;
}

/** DEPRICATED **/
.separator, .separator td, hr.separator {
	/** Background color and image specified in lulu.css-dist for compiling purposes **/
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 10px 0px;
	border: none;
	padding: 1px 0px 0px 0px;
}
.separatorLong {
	/** Background color and image specified in lulu.css-dist for compiling purposes **/
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}
.separatorVert {
	/** Background color and image specified in lulu.css-dist for compiling purposes **/
	background-repeat: repeat-y;
	width: 4px;
	padding: 0px 0px 1px 0px;
	height: 100%;
	position: relative;
	/*float: left;*/
}
.lineBlack {
	background-color: #000000;
	height: 2px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
	width: 100%
}
.lineGray {
	background-color: #cccccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
	width: 100%
}

/** END DEPRICATED **/

/*******************************************************/
/* DHTML/Ajax */
/*******************************************************/
.invisible {
	display: none
}

.waiting {
	cursor: wait
}


/*******************************************************
 *         xsmall, medium, large  Font styles          *
 *******************************************************/
.xsmall, .xsmall td	{
	font-size: x-small
}
.xsmallcolor {
	font-size: x-small;
	color: #0033cc
}
.xsmallbold, .xsmallbold td {
	font-size: x-small;
	font-weight: bold;
	display: inline;
}
.medium, .medium td, .medium th, .medium a {
	font-size: medium;
}
.large, .large td, .large th, .large a {
	font-size: large;
}
.xlarge, .xlarge td, .xlarge a {
	font-size: x-large;
}


/*******************************************************
 *                   FONT WEIGHT STYLES                *
 *******************************************************/

 .bold{
 	font-weight: bold;
 }
 
/*******************************************************/
/* headings */
/*******************************************************/
.regHead, .regHead h1 {
	width: 100%;
	text-align: left;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
.regStep, .regStep h4 {
	width: 100%;
	text-align: left;
	padding: 0px 0px 3px 0px;
	margin: 0px;

}
.regInstructions {
	width: 100%;
	text-align: left;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
.dialogHead, .dialogHead h1 {
	text-align: left;
	color: #333333;
	padding: 1px;
	margin: 0px;
	color: #ffffff;
	background-color: #2692D0;
}
.dialogStep, .dialogStep h4 {
	width: 95%;
	text-align: left;
	color: #333333;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
.dialogInstructions {
	background-color: #DFEFFE;
	padding: 10px;
}
.dialogLink {
	color: #333333;
}
.dialogBody {
	width: 100%;
	text-align: left;
	color: #333333;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
.pagehead {
	color: #333333;
	padding: 3px;
	margin: 0px;
	background-color: #99CCFF;
}

.subhead {
	color: #E77918
}
.subhead2 {
	font-weight: bold;
	padding-top: .75em
}
.popuphead {
	font-size: large;
	font-weight: bold;
}
.fieldtitle {
	font-weight: bold
}
.fieldsubtitle {
	font-size: x-small;
	font-weight: bold
}
.optional {
	font-size: x-small;
	font-weight: normal
}

/*******************************************************
 * Message blocks
 ******************************************************/
/* new all-css note block */
.noteBlock {
	display: block;
	border: 1px dotted #CCCC00;
	/** Background color and image specified in lulu.css-dist for compiling purposes **/
	padding: 0.5em 0.5em 0.5em 35px;
	text-align: left;
	margin: 1em 3em;
	color: #000;
}
/* for legal notices */
.legalBlock {
	display: block;
	padding: 5px;
	text-align: left;
	margin: 1em 0;
}
.legalBlock ol {
	margin: 0 2em;
	padding: 0;
	list-style-type: lower-alpha;
}
.legalBlock li {
	margin: 0;
	padding: 0;
}
/* for larger notes */
.infoBlock {
	display: block;
	border: 1px dotted #CCCC00;
	background-color: #ffffcc;
	padding: 5px;
	text-align: left;
}
/*******************************************************/
/* error, success, warning */
/*******************************************************/
.messageBox {
	text-align: left;
	width: 95%;
}
.error {
	color: #cc3333;
}

div.notice, div.error, div.success, div.info, div.information, div.ok, div.warning {
/* should just be div.notice */
	margin-bottom: 5px;
	padding: 0.5em;
	font-weight: bold;
	border: 1px dotted;
}

div.error {
	background: #fee;
	border-color: #c33;
	color: #cc3333;
}

div.info, div.information {
	background: #DFEEFF;
	border-color: #2C598F;
	color: #2C598F;
}

div.success, div.ok {
	background: #D6FF9F;
	border-color:#339900;
	color: #339900;
}

div.warning {
	background: #ffc;
	color: #fe5;
	font-weight: normal;
	border-color: #fe5;
}

.errorsmall {
	color: #cc3333;
	font-size: x-small;
	text-align: left;
}

.warning {
	color: #FF6633;
	font-weight: bold;
}
.attention {
	color: #F29027;
	font-weight: bold
}
.attentionlink, .attentionlink a {
	color: #E16114;
	font-weight: bold
}
.note {
	font-weight: bold;
	color: #F29027
}
.notelink {
	font-weight: bold;
	color: #E16114
}




/*******************************************************/
/* background colors */
/*******************************************************/
.bgwhite		{ background-color: #ffffff; }
.bggray			{ background-color: #cccccc; }
.bgltgray		{ background-color: #dddddd; }
.bgblack		{ background-color: #000000; }
.bgbutton		{ background-color: #cccccc; }
.bglight		{ background-color: #eeeeee; }
.bghighlight    { background-color: #ffeeaa; }
.bgedit			{ background-color: #eeeeee; }
.bgcontact		{ background-color: #DCECFB; }
.bghelp			{ background-color: #B4DD9E; }
.bgNewProject	{ background-color: #DDEDFC; }
.bgtopnav		{ background-color: #373535; }
.bgsubnav		{ background-color: #2692D0; height: 5px; margin:0;border:0;padding:0;}
.bgsubnavstore	{ background-color: #333333; }
.bgtopmenu		{ background-color: #dcdcdc; }
.bgsearch		{ background-color: #d9d9d9; }
.bgltBlue		{ background-color: #DFEFFE; }
.bgltGreen		{ background-color: #E3FBB8; }
.bgltPurple		{ background-color: #E1DAFD; }
.bgltYellow     { background-color: #ffffcc; }

/*******************************************************/
/* border colors */
/*******************************************************/
.borderGray {
	border: #cccccc solid 1px;
}

.borderBottom{
	border-bottom: solid 2px #aaa;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*******************************************************/
/* RIGHT COLUMN COLORS */
/*******************************************************/
.pinkBg {
	background-color: #F7E0ED;
	padding: 5px;
}
.pinkBgBorder {
	background-color: #FBA3D7;
	padding: 1px;
	width: 200px;
}
.orangeBg {
	background-color: #FCDEA8;
	padding: 5px;
}
.orangeBgBorder {
	background-color: #F7B030;
	padding: 1px;
	width: 200px;
}
.yellowBg {
	background-color: #FCFCB1;
	padding: 5px;
}
.yellowBgBorder {
	background-color: #EFEF59;
	padding: 1px;
	width: 200px;
}
.goldBg {
	background-color: #FEE58A;
	padding: 5px;
}
.goldBgBorder {
	background-color: #FEC620;
	padding: 1px;
	width: 200px;
}
.greenBg {
	background-color: #E3FBB8;
	padding: 5px;
}
.greenBgBorder {
	background-color: #BADD7B;
	padding: 1px;
	width: 200px;
}
.bluluBg {
	background-color: #CBECF3;
	padding: 5px;
}
.bluluBgBorder {
	background-color: #34B4D1;
	padding: 1px;
	width: 200px;
}
.purpleBg {
	background-color: #E1DAFD;
	padding: 5px;
}
.purpleBgBorder {
	background-color: #A07BDD;
	padding: 1px;
	width: 200px;
}
.grayBg {
	background-color: #F8F8F8;
	padding: 5px;
}
.grayBgBorder {
	background-color: #cccccc;
	padding: 1px;
	width: 200px;
}
.whiteBg {
	background-color: #FFFFFF;
	padding: 5px;
}
.whiteBgBorder {
	background-color: #cccccc;
	padding: 1px;
	width: 200px;
}
/*******************************************************/
/* HEADED BOX COLORS */
/*******************************************************/
.grayBoxHead, .grayBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #cccccc;
}
.grayBoxBorder {
	background-color: #cccccc;
	padding: 1px;
}
.ltGrayBoxHead, .ltGrayBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #eeeeee;
}
.ltGrayBoxBorder {
	background-color: #eeeeee;
	padding: 1px;
}
.greenBoxHead, .greenBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #BADD7B;
}
.greenBoxBorder {
	background-color: #BADD7B;
	padding: 1px;
}
.ltGreenBoxHead, .ltGreenBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #E3FBB8;
}
.ltGreenBoxBorder {
	background-color: #E3FBB8;
	padding: 1px;
}
.blueBoxHead, .blueBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #99ccff;
}
.blueBoxBorder {
	background-color: #99ccff;
	padding: 1px;
}
.ltBlueBoxHead, .ltBlueBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #DCECFB;
}
.ltBlueBoxBorder {
	background-color: #DCECFB;
	padding: 1px;
}
.purpleBoxHead, .purpleBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #A07BDD;
}
.purpleBoxBorder {
	background-color: #A07BDD;
	padding: 1px;
}
.ltPurpleBoxHead, .ltPurpleBoxHead td {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	background-color: #E1DAFD;
}
.ltPurpleBoxBorder {
	background-color: #E1DAFD;
	padding: 1px;
}

/* CSS version of the tabs, see also ie_6.css */

.tabNav {
	background: #eee;
	padding: 5px;
	margin: 1em 0 0;
	border-bottom: #B0B0B0 solid 1px;
}

.tabNav li {
	margin: 0;
	list-style: none;
	display: inline;
	padding-left: 10px;
}

.tabNav li.selected a,
.tabNav li.active a {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border: #B0B0B0 solid 1px;
	border-bottom: 1px solid #fff;
	background: #fff;
	padding: 5px;
	text-decoration: none;
}

.tabNav li a {
	font-family: verdana,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #555;
}

/* Sub nav bar */

.subTabNav {
	color: #777;
	padding: 10px;
	border: 1px solid #aaa;
	border-top: 0;
}

.subTabNav a.active {
	color: #555;
	text-decoration: none;
}

/* Project List Tabs - based on .tabNav */

#projectListTabs {
	padding: 9px 0 5px;
	margin-top: 0;
}

/*******************************************************/
/* BUTTONS */
/*******************************************************/
.button {
	font-family: arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background: #2692D0;
	border-left: 2px solid #66CCFF;
	border-top: 2px solid #66CCFF;
	border-right: 2px solid #006699;
	border-bottom: 2px solid #006699;
	cursor: pointer;
	border-style: outset;
}

a.button {
	padding: 2px 4px;
}

.buttonlist {
	font-family: arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background: #A5A5A5;
	border-left: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #B2B2B2;
	border-bottom: 2px solid #B2B2B2;
	cursor: pointer;
	border-style: outset;
}

.buttonDisabled {
	font-family: arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #9bb8c2;
	text-decoration: none;
	text-transform: uppercase;
	background: #a5deff;
	border-left: 2px solid #66CCFF;
	border-top: 2px solid #66CCFF;
	border-right: 2px solid #006699;
	border-bottom: 2px solid #006699;
	cursor: not-allowed;
	border-style: inset;
}

.sbutton {
	/* see lulu.css-dist for background */
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	line-height: 26px;
	height: 28px;
	font-weight:bold;
	color:#0a458a;
	border:0;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	padding:0 9px 5px 0;
	margin:0;
	width:auto;
	overflow: visible;
}

.sbuttonpre {
	/* see lulu.css-dist for background */
	margin-top:4px;
	padding:0 0 0 10px;
	height:28px;
	width: auto;
	display: inline;
	display: -moz-inline-box;
}

.nbutton {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	line-height: 26px;
	height: 28px;
	font-weight:bold;
	color:#0a458a;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent url(/images/buttons/buttonMid.gif) repeat;
	cursor:pointer;
	padding:0 4px 0px 4px;
	margin:3px;
	width:auto;
	overflow: visible;
	
}

.nbuttonpre {
	background:transparent url(/images/buttons/buttonL.gif) no-repeat top left;
	display: -moz-inline-box;
	padding:0 0 0 10px;
	height:28px;
	width: auto;
	float:left; 
}




/**************************************/
/* use this to clear floated elements */
/**************************************/
.clear {
	content: ".";
}
.clear, hr.clear {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
}

hr.clear-left {
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/******************************************************
 * DOM popup block styles
 ******************************************************/

div.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 125px;
	margin: -50px 0 0 -150px;
	z-index: 6000;
	background-color: #369;
	border-top: 2px solid #69c;
	border-left: 2px solid #69c;
	border-bottom: 2px solid #036;
	border-right: 2px solid #036;
}

/******************************************************
 * Lightbox styles
 * - Doesn't work in IE yet
 ******************************************************/

div.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000;
	-moz-opacity: 0.6;
	opacity: .60;
}


/******************************************************
 * Link styles
 ******************************************************/
.remove, .add{
	font-size: small;
	border: none;
	background: transparent;
	cursor: pointer;
	text-decoration: underline;
	vertical-align: top;
}

.remove{
	color: red;
}

.add{
	color: green;
	border: none;
	background-color: #fff;
}

.compositLink{
	text-decoration: none;
}

/******************************************************
 * Ajax status indicator styles
 ******************************************************/

#statusIndicator{
	/** for background see lulu.css-dist **/

	position: fixed;
	top: 0;
	right: 0;
	width: 155px;
	height: 80px;
	z-index: 200;

	margin: 10px;
	border: solid 1px;
	padding: 10px;


	text-align: center;
	font-size: medium;
}

.invisible{
	display: none;
}

.clickable{
	cursor: pointer;
	text-decoration: underline;
}

.drag{
	cursor: move;
}


/*******************************************************
 * Contextual help styles
 *******************************************************/
 
.whatIsHeader {
	position: absolute;
	right: 10px;
	top: 10px; 
}

.contextHelp, .whatIsContent{
	background: #ded;
	color: #000;
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: small;
	border: 1px solid #9a9;
	border-color: #ded #9a9 #9a9 #ded;
	overflow: hidden;
	font-weight: normal;
}
.contextHelp h3, .whatIsContent h3 {
	font-size: small;
	margin: 0;
}
.contextHelp p, .whatIsContent p {
	font-size: inherit;
	margin-top: 0;
}

.contextHelp pre, .whatIsContent pre {
	white-space:normal;
}

.contextHelpClose, .whatIsClose {
	text-align: right;
}
.contextHelpClose a, .whatIsClose a {
	background: #9a9;
	color: #fff;
	padding: 1px 3px;
	text-decoration: none;
	font-size: x-small;
}
.contextHelpToggle, .whatIsClose {
	cursor: pointer;
	vertical-align: top;
}

.contextQuestion {
	font-weight: bold;
}

.contextAnswer {

}

.helpButton{
	cursor: pointer;
}

.whatIsButton{
	cursor: pointer;
}


/*******************************************************
 *               Instruction Styles                    *
 *******************************************************/
.instructions{
	background: #DFEFFE;
	margin: 0 0 5px 0;
	padding: 3px 0 5px 0;

}

.instructions ul{
	margin: 0;
}

.instructions ul li{
}

/*******************************************************
 *               REQUIREMENTS                          *
 *******************************************************/

.requirement{
	color: #aaa;
	font-size: xx-small;
}

/*******************************************************
 * DEPRECATED                                          *
 * RIGHT COLUMN BOX STYLES                             *
 *******************************************************/
.rtcolBgBorder { background-color: #cccccc; }

.rtcolTextHead {
	font-weight: bold;
	font-size: medium;
}
.rtcolText, .rtcolText td {
	color: #5C5C5C
}


/*******************************************************
 * Interests and keywords styles
 *******************************************************/
.keywordList {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
.keywordList li {
	display: inline;
	margin-right: 5px;
}

.keywordListitem form {
	margin: 0;
	padding: 0;
	display: inline;
}
.keywordDelete {
	color: red;
	font-size: x-small;
}

/*******************************************************
 * Sitemap Styles
 *******************************************************/

 .sitemap h3 { 
 	margin: 30px 0px 0px 0px;
 	padding: 0px }
	
 .sitemap ul { 
 	margin-top: 5px; }

/****************************
 *	Pagination Styles
 * Used by views/common/classes/ui/pagination_tpl.php
 ****************************/

.gPaginate li{
	padding:2px;
	color: #000;
	display: inline;
	font-size: normal;
	margin:0;
}
.pagWrap {
	/*display: block;*/
	font-size: smaller;
	text-align: right;
}

.gPage {
	display: inline;
}

.pageListing {
	margin:0;
}

/*******************************************************
 * FILE UPLOAD BOOK WIZARD Styles
 *******************************************************/
#author_wizard_index_php ul.uploadChecklist {
	margin:0 0 15px;
}


#author_wizard_index_php #projectFileList, #author_wizard_index_php #projectFileList form{
	margin:0;
	padding:0;
	border:none;
}

#author_wizard_index_php #projectFileList table {
	margin:0;	
	width:100%;
	border:#999 1px solid;
}

#author_wizard_index_php #projectFileList table th {
	background-color:#DFEFFE;
	font-weight:bold;
	text-align:left;
}

#author_wizard_index_php #projectFileList .center {
	text-align:center;
}

#author_wizard_index_php #uploadForm {
	padding:10px;
	border:#99f 1px solid;
	background-color:#DFEFFE;
	margin:20px 1px 10px;
}
#author_wizard_index_php #uploadForm form {

	margin-right:10px;
}
#author_wizard_index_php #uploadForm form span.myLulu {
	margin-left:20px;	
}
#author_wizard_index_php div#uploadText {
	border:#ccc 1px solid;
	background-color:#eee;
	margin: 0 30px;
}