/*
 * REMINDERS: 
 * Search-and-replace the url where this css is hosted, when changing hosts.
 * The best way to do this is to use PAL's build_web script with .gen.php files
 * 
 * Within a particular section, try to arrange your selectors in alphabetical order.
 * That makes them easier to find.
 */
body {
	background-image: url(img/background.gif);
	background-repeat: repeat-x;
}

a {
	color: #4e7cd7;
}

a:hover {
	color: #0000EE;
}

a.disabled {
	color: #7e7c97 !important;
}

h1 {
	color: #343445;
}

h2 {
	color: #002233;
}

fieldset {
	background-color: #FAFAFF;
}

legend {
	background-color: white;
	color: #222299;
}

/*
 * Tabs tool
 */

.tab {
	background-color: #F2F2F2;
	border-color: #222222;
}

.tab.disabled {
	background-color: #EEEEEE;
	color: #777777;
}

.tab.selected, .tab.disabled.selected {
	background-color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.tab .tab_item {
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #E1E1E1;
}

.tab.selected .tab_item {
	border-top: solid 2px #CCCCCC;
}

.tab.first {
	border-left: solid 1px #CCCCCC;
}

ul.tabs {
	border-bottom: solid 1px #CCCCCC;
}

/*
 * avatar tool
 */

#sidebar .avatar_table {
	background-color: #EEEEFF;
}

/*
 * Classes and Ids
 */

.error {
	border: dashed 2px red !important;
}

.error_messages,
.error_messages li {
	color: red;
}

.PalProfiler table td {
	border: dotted 1px #555555;
}

#project_description {
	border-left: dotted 1px #555599;
}

#profiler {
	color: #AAAAAA;
}

/*
 * standard elements
 */

input.text,
input.password {
	background-image: url(img/inputtext_back.gif) !important;
	background-repeat: repeat-x !important;
	background-position: bottom right !important;
	background-color: transparent !important;
}

input.text:focus,
input.password:focus {
	border: 0px !important;
	background-image: url(img/inputtext_back_focus.gif) !important;
	background-repeat: repeat-x !important;
	background-position: bottom right !important;
	background-color: transparent !important;
}

/*
 * layout
 */

#body_container {
	background-image: url(img/background_overlay.png);
	background-repeat: repeat-y;
	background-position: center;
}

#nav {
	background-image: url(img/gradient.gif);
	background-repeat: repeat-x;
}

#sidebar {
	background-image: url(img/sidebar_back.gif);
	background-repeat: repeat-both;
}

#viewport {
	background: white;
}

/*
 * header
 */

#nav .tabs {
	background-image: url(img/navbar_back.gif);
	background-repeat: repeat-x;
}

#nav .tab {
	background: none;
}

#nav .tab.selected {
	background: white;
}

#nav .tabs .tab_item {
	border: 0px;
}

#nav .tabs a, #nav .tabs .disabled span {
	color: #4e7cd7;
}

#nav .tabs .selected a {
	border-top: dotted 1px #EEEEEE;
}

#nav .tabs a:hover {
	color: #0000EE;
}

#nav .tabs .disabled span {
	color: #7e7c97;
}

#hd .slogan {
	color: #90a8f3;
}


/*
 * sidebar
 */

#sidebar .signup_highlight {
	background-color: #EEEEFF;
	color: black;
}

#sidebar h2 {
	border: 0px;
	/* border-bottom: dotted 1px #0089c0; */
	color: #0089c0;
}

#sidebar .signup_instructions span {
	color: #0089c0;
}

#sidebar_signup a {
	color: #4e7cd7;
}

#sidebar_signup a.selected {
	background-color: white;
}

#sidebar form.login td {
	border: 0px;
}

#sidebar form.login img {
	vertical-align: bottom;
}

#sidebar form.login .do_register.submit {
	color: black;
}

/*
 * viewport
 */


/*
 * features tool
 */

.features.list a {
	background-repeat: no-repeat;
}


/*
 * signup
 */
 

#signup_link {
	background-color: #97CD39;
	color: white;
	border: solid 1px black;
}

#signup_container {
	background-color: #EEEEEE;
	border: solid 1px #9999CC;
}

/*
 * account tool
 */

#account_form label {
	color: #555577;
}

#account_form .text.first_name,
#account_form .text.last_name {
	border: 0px;
}

#account_tool .submit.start {
	color: #222255;
}

#account_tool .submit.start:hover {
	color: #222288;
}