/*
	colors-default.css
 	Author:	Ivan Alexander
			http://www.creativeblaze.com/
*/

/* General css rules */
body				{background: url("../images/body-background.gif") repeat-x #999999;}
input.text			{color: #FFFFFF; border-left-color: #717171; border-top-color: #565656; border-right-color: #B6B6B6; border-bottom-color: #D2D2D2; background: #999999 url("../images/formField-background.gif") no-repeat;}
select				{color: #FFFFFF; border-left-color: #717171; border-top-color: #565656; border-right-color: #B6B6B6; border-bottom-color: #D2D2D2; background: #999999;}
textarea			{color: #FFFFFF; border-left-color: #717171; border-top-color: #565656; border-right-color: #B6B6B6; border-bottom-color: #D2D2D2; background: #999999 url("../images/formField-background.gif") no-repeat;}
a 					{color: #99CCFF; text-decoration: none;}
a:visited			{color: #99CCFF; text-decoration: none;}
a:hover 			{color: #99CCFF; text-decoration: underline;}
td.fieldTitle		{color: #99CCFF;}

.dottedRule			{background: url("../images/dottedRule-background.gif") repeat-x; background-position: 0px 7px;}
.pdfLink			{background: url("../images/pdfIcon.gif") no-repeat;}
.learnMore			{color: #99CCFF;}

/* General page styling rules */
#pageHeader		 	{background: url("../images/pageHeader-background.jpg") no-repeat;}
#pageBody		 	{background: url("../images/pageBody-background.gif") repeat-y;}
#pageBody .bottom 	{background: url("../images/pageBody-bottom.gif") no-repeat; background-position: left bottom;}
#pageFooter		 	{color: #333333;}

#pageHeader h1.logo		{background: url("../images/pageHeader-logo.jpg") no-repeat;}
#pageHeader h2.tagline	{background: url("../images/pageHeader-tagline.gif") no-repeat;}

#pageHeader #topNav li 			{border-color: #999999;}
#pageHeader #topNav li a		{color: #999999;}
#pageHeader #topNav li a:hover	{color: #99CCFF;}

#pageHeader #search	input.text		{color: #000000; border-color: #9F9F9F; border-top-color: #686868; background: url("../images/searchField-background.gif") no-repeat;}

#pageHeader #globalNav				{background: url("../images/pageHeader-globalNav-background.gif") repeat-x;}

#pageHeader #globalNav ul.nav li a				{background: url("../images/pageHeader-globalNav-divider.gif") no-repeat; background-position: top right; color: #FFFFFF;}
#pageHeader #globalNav ul.nav li .shadow		{color: #336600;}
#pageHeader #globalNav ul.nav li.last a			{background: none;}
#pageHeader #globalNav ul.nav li.current a		{background: url("../images/pageHeader-globalNav-background-current.gif") repeat-x;}
#pageHeader #globalNav ul.nav li a:hover,
#pageHeader #globalNav ul.nav li.last a:hover	{background: url("../images/pageHeader-globalNav-background-current.gif") repeat-x;}

#pageHeader #globalNav ul.subNav li a 			{color: #FFFFFF;}

#pageBody .top	 		{background: url("../images/pageBody-top.jpg") no-repeat;}

#pageBody #homepage			{background: url("../images/pageBody-bodyFrame-background.gif") repeat-x;}
#pageBody #singleSidebar	{background: url("../images/pageBody-bodyFrame-background.gif") repeat-x;}
#pageBody #dualSidebar		{background: url("../images/pageBody-bodyFrame-background.gif") repeat-x;}

/* Universal Page Color/Background Styles */
#mainContent #contentWell .content		{color: #FFFFFF;}
#mainContent #contentWell h3			{color: #99CCFF;}
#mainContent #contentWell h3 a,
#mainContent #contentWell h3 a:visited	{color: #99CCFF;}
#mainContent #contentWell h3 a:hover	{color: #FFFFFF;}
#mainContent #contentWell				{background: url("../images/pageBody-contentWell-background.gif") no-repeat #666666;}
#mainContent #contentWell .titleBar		{color: #FFFFFF; background: url("../images/pageBody-contentWell-titleBar.gif") no-repeat;}
#mainContent #contentWell .titleBar	a 	{color: #FFFFFF;}

#leftSidebar							{color: #333333;}
#leftSidebar #loginPanel				{background: url("../images/loginPanel-background.gif") no-repeat;}
#leftSidebar #loginPanel a#login 		{color: #FFFFFF; background: url("../images/loginPanel-buttonBackground.gif") no-repeat;}
#leftSidebar #loginPanel a#register		{color: #FFFFFF; background: url("../images/loginPanel-registerButton.gif") no-repeat;}

#footerNav li a			{color: #333333;}
#footerNav li a:hover	{color: #99CCFF;}

/* Homepage Specific Styles*/
#homepage #mainContent .spotlight-1			{background: url("../images/home-mainSpotlight-1.jpg") no-repeat;}
/* Additional Main Spotlight graphic rules for use with randomSpotlight.js
#homepage #mainContent .spotlight-2			{background: url("../images/home-mainSpotlight-2.jpg") no-repeat;}
#homepage #mainContent .spotlight-3			{background: url("../images/home-mainSpotlight-3.jpg") no-repeat;}
#homepage #mainContent .spotlight-4			{background: url("../images/home-mainSpotlight-4.jpg") no-repeat;}
...
#homepage #mainContent .spotlight-n			{background: url("../images/home-mainSpotlight-n.jpg") no-repeat;}
*/

/* Section-specific styles */
#mainContent #contentWell .solutionSpotlight #palladia 		{background: url("../images/icon-palladia-small.jpg") no-repeat;}
#mainContent #contentWell .solutionSpotlight #ubeu 			{background: url("../images/icon-ubeu-small.jpg") no-repeat;}
#mainContent #contentWell .solutionSpotlight #myPeer	 	{background: url("../images/icon-myPeer-small.jpg") no-repeat;}
#mainContent #contentWell .solutionSpotlight #myTrax	 	{background: url("../images/icon-myTrax-small.jpg") no-repeat;}

#mainContent #contentWell .solutionHeader#palladia 		{background: url("../images/icon-palladia-large.jpg") no-repeat;}
#mainContent #contentWell .solutionHeader#ubeu 			{background: url("../images/icon-ubeu-large.jpg") no-repeat;}
#mainContent #contentWell .solutionHeader#myPeer	 	{background: url("../images/icon-myPeer-large.jpg") no-repeat;}
#mainContent #contentWell .solutionHeader#myTrax	 	{background: url("../images/icon-myTrax-large.jpg") no-repeat;}

/* PopUp Styles */
body.popUp				{background: none #333333;}
body.popUp #pageFrame	{background: url("../images/popUp-background.gif") repeat-x; background-position: bottom left;}
body.popUp #pageHeader	{background: url("../images/popUp-header-background.jpg") no-repeat; background-position: 0px 25px;}
body.popUp #pageBody	{background: none;}

body.popUp #pageHeader h1.logo		{background: url("../images/popUp-header-logo.jpg") no-repeat;}
body.popUp #pageHeader h2.tagline	{background: url("../images/popUp-header-tagline.gif") no-repeat;}

body.popUp #pageBody #mainContent 		{color: #CCCCCC;}
body.popUp #pageBody #mainContent h3	{color: #99CCFF;}