body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background: #ffd822 url(../images/bg_upper_page.jpg) top center repeat-x; color:#666; margin: 0; padding: 0;}

a img {border:none;}
a:link, a:visited {color:#217ac6; text-decoration: underline;}
a:hover {color:#b29922; text-decoration: none;}


#header {
	position: relative;
	height: 230px;
}

#logo{
	position: relative;
	float: left;
	top: 40px;
	left: 8px;
}

#logo h1 {
	font-size: 4em;
	font-weight: bold;
}

#logo h1 a, #logo h1 a:visited, #logo h1 a:hover {
	color: #000;
	text-decoration: none;
}

#logo_pencil {
	background:url("../images/logo_pencil.png") no-repeat scroll 50% 50% transparent;
	height:60px;
	position:absolute;
	top:35px;
	left: 520px;
	width:160px;
	overflow: hidden;
}

#logo_pencil a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}

#user_info {
	text-align: right;
	position: relative;
	float: right;
	top: 15px;
	right: 30px;
}

a.big_tab {
	display:block;
	position: relative;
	float:left;
	width: 210px;
	height: 60px;
	text-indent: -9999px;
}


a#login_tab:hover {
	background-position: 50% -72px;
}

a#signup_tab:hover {
	background-position: 50% -72px;
}

a#login_tab {
	background: url("../images/btn_login.png") no-repeat scroll 50% -8px transparent;
}

a#signup_tab {
	background: url("../images/btn_signup.png") no-repeat scroll 50% -8px transparent;
}


#main_nav {
	position: absolute;
	top: 134px;
	left: 5px;
	font-size: 1.5em;
	color: #d9d9d9;
}

#main_nav a, #main_nav a:visited {
	text-decoration: none;
}


#login_signup_tabs {
	position: absolute;
	bottom: 0px;
	right: 20px;
}

#user_tabs {
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
}

#main_content_wrap {
	background: #EEE url(../images/bg_main_content_wrap.jpg) top left repeat-x;
}

#main_content {
	min-height: 300px;
	height:auto !important;
	padding:30px 0 20px 0;
}
/* for Internet Explorer */
/*\*/
* html #main_content {height: 300px;}
/**/


#main_content p {
	clear: both;
	padding-left:15px;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}

#welcome_message {
	background: transparent url(../images/bg_home_copy.png) left top no-repeat;
	/*padding: 50px 0 0 80px;*/
	padding-bottom:0;
	padding-left:80px;
	padding-right:0;
	padding-top:0;
	min-height: 285px;
	height:auto !important;
}
/* for Internet Explorer */
/*\*/
* html #welcome_message {height: 300px;}
/**/



#homepage_image {
	background: transparent url(../images/homepage_image.jpg) 60px 55px no-repeat;
	width:100%;
	height:260px;
}

#footer_wrap {
	background: transparent url(../images/bg_lower_page.jpg) top left repeat-x;
	min-height: 100px;
	height:auto !important;
}
/* for Internet Explorer */
/*\*/
* html #footer_wrap {height: 100px;}
/**/


#footer {
	position: relative;
	margin: 15px 0 0 0;
	padding: 30px 0;
	text-align: center;
	color: #927c16;
	font-size: .9em;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	color: #a5b62e;
	text-decoration: underline;
}

h1, h3, h4, h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h2 {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	color: #457b93;
	font-size: 3.2em;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

h2.form_header {
	margin: 0 0 .2em 55px;
}

h2 a:hover {
	color: #6A7981;
}

h2.upcoming_title {
	font-size: 2em;
	color: #666;
	margin-bottom: 0;
	margin-top: 10px;
}

h3 {
	border-bottom:1px solid #000000;
	clear:both;
	color:#000000;
	font-size:1.65em;
	font-weight:bold;
	margin:15px auto 0;
	padding:6px 0 3px;
	width:96%;
}

h4 {
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.25em;
	font-weight: bold;
}

h4 span.item_title {
	color: #555;
}

hr {
	margin: 0;
	padding: 0;
	color: #4ac7f4;
	background-color: #4ac7f4;
}


span.member_name {
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}



/***  FORM STYLES  ***/

.form_wrap {
	/*background-color: #f9da4b;
	background-color: #fefcb1;*/
	background-color: #FFF1AF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: #e1c420 2px solid;
	color: #000;
	padding: 15px;
}

fieldset {
	border: none;
	margin-bottom: .5em;
	clear: both;
}

.form_wrap label {
	float:left;
	font-weight:bold;
	margin:8px 10px 10px 0;
	text-align:right;
	width:35%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	color: #333;

}

input.text, input.title {
	width: 50%;
}

.form_wrap p {
	padding-top: 10px;
}

#Password {
	clear:both;
	display:block;
	margin:10px 0;
	position:relative;
	text-align:center;
}


.middleColumn {
	display: block;
}

.middleColumn input {
	float: left;
}

.Actions {
	float: right;
}



.Actions input[type="submit"] {
	background:url("../images/btn_bg_action.png") no-repeat scroll 50% 50% transparent;
	border:medium none;
	color:#FFFFFF;
	display:block;
	float:right;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	height:48px;
	margin-right:15px;
	width:182px;
	cursor: pointer;
	font-size: 1.3em;
}

.cancel_action {
	margin-right:35px;
	position:relative;
	top:15px;
	float: right;
}

.field.numeric input {
	width: 15%;
}

div.field {
	clear: both;
	border-top:1px solid #333333;
}

div.field:first-child {
	border-top:none;
}


.field select {
	margin-top: 10px;
}

span.note {
	display: block;
	position: relative;
	clear: both;
	margin: 15px 0;
	text-align: center;
}

form p.spacer {
        padding: 0;
        line-height: 1px;
        margin: 0;
}
.validationError {
	color: #d32a2a;
	background: #fae2e2;
	margin-bottom: 10px;
	border:1px solid #FF0000;
}

.holder-validation {
	background: #fae2e2;
}

.holder-validation input {
	background: #FFF;
}


.message.required, .message.validation {
	clear:both;
	color:#FF0000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding: 5px;
	text-align:center;
}

p.message.good, p.message.bad {
	background:none repeat scroll 0 0 #FEEA87;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif!important;
	font-size:2em;
	margin-bottom:10px;
	padding:10px 0;
}

p.message.good {
	color:#359505;
}

p.message.bad {
	color:#FF0000;
}

p#Remember input {
	float: left;
}
p#Remember label {
float:left;
margin:-2px 0 0 10px;
text-align:left;
width:50%;
}

.calendardate {
	position: relative;
}

.calendarpopup {
	left:75px !important;
	top:-3em !important;
}

.calendardate input {
	width: 20%;
}
/*
.fieldgroupField .calendardate img {
	margin-left:5px!important;
	top:11px!important;
}
*/

img#LogHoursForm_LogHoursForm_ActivityDate-icon {
	margin: 2px 0 0 5px;
}

.form_wrap table {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

table {
	margin: 25px auto 35px auto;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

th {
	background-color: #5e5e5e;
	padding-left: 5px;
	border-right:1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}

td {
	border-right:1px solid #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #dedede;
}


tr.even td {
	background: #b4ccd8;
}


tr.odd td {
	background: #dedede;
}


#PageNumbers {
	font-size: 1.4em;
	text-align: center;
}


.htmleditor label {
	float: none;
	margin-bottom: 15px;
}

ul.optionset {
	float:left;
	margin-left:0;
	margin-top:10px;
	width:50%;
}

ul.optionset li {
	list-style: none;
	clear: both;
}

ul.optionset li label {
	float: none;
}

.fieldgroupField {
	clear: both;
}





/***  REPORTS STYLING  ***/

.reports_stage_select_filter,
.reports_stage_set_filter,
.reports_stage_set_group,
.reports_stage_set_interval,
.reports_stage_ready {
	padding-top: 40px;
	background-position:  10px 10px;
	background-repeat: no-repeat
}

.reports_stage_select_filter {
	background-image: url(../images/bg_step_1a.png);
}

.reports_stage_set_filter {
	background-image: url(../images/bg_step_1b.png);
}

.reports_stage_set_group {
	background-image: url(../images/bg_step_2.png);
}

.reports_stage_set_interval {
	background-image: url(../images/bg_step_3.png);
}

.reports_stage_ready {
	background-image: url(../images/bg_step_4.png);
}





.opportunity_listing {
	border-bottom: #333 1px solid;
	padding: 10px 0 10px 10px;
}

.opportunity_listing h4 {

}



/***  TAB STYLES  ***/

button span, a.button span, a.button:link span, a.button:visited span {
	background:transparent url(../images/btn_tab_right.png) no-repeat scroll right top;
	height:62px;
	padding:0 23px 0 0;
}


/* BUTTON HOVER STYLES  */

button span:hover, a.button span:hover, a.button:hover span {
	background:transparent url(../images/btn_tab_right.png) no-repeat scroll right top; /*  -41px for hover  */
}

button span span:hover, a.button span span:hover, a.button:hover span span {
	background:transparent url(../images/btn_tab_left.png) no-repeat scroll left top; /*  -41px for hover  */
}


button span span, a.button span span, a.button:link span span, a.button:visited span span {
	background:transparent url(../images/btn_tab_left.png) no-repeat scroll left top;
	height:62px;
	line-height:61px;
	padding: 2px 0 0 23px;
}

button, a.button, a.button:link, a.button:visited {
	color:#FFF;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	height:62px;
}

button, a.button, a.button:link, a.button:visited {
	cursor:pointer;
	display:block;
	position: relative;
	bottom: -15px;
	float:left;
	margin:0 3px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:visible;
	padding:0;
	text-decoration:none;
	white-space:nowrap;
	border: 0;
	background: transparent;
}

a.button:hover {
	position: relative;
	bottom: -8px!important;
}

a.button.current_page_item {
	position: relative;
	bottom: -8px!important;
}


button span, a.button span, a.button:link span, a.button:visited span {
	display:block;
}





/***  IN-LINE BUTTON STYLES  ***/

.button-inline span, a.button-inline span, a.button-inline:link span, a.button-inline:visited span {
	background:transparent url(../images/btn_bg_right.png) no-repeat scroll right top;
	height:46px;
	padding:0 26px 0 0;
}


/* BUTTON HOVER STYLES  */

a.button-inline:hover {
	color: #999;
}

button span:hover, a.button-inline span:hover, a.button-inline:hover span {
	background:transparent url(../images/btn_bg_right_over.png) no-repeat scroll right top; /*  -41px for hover  */
}

button span span:hover, a.button-inline span span:hover, a.button-inline:hover span span {
	background:transparent url(../images/btn_bg_left_over.png) no-repeat scroll left top!important; /*  -41px for hover  */
}


button span span, a.button-inline span span, a.button-inline:link span span, a.button-inline:visited span span {
	background:transparent url(../images/btn_bg_left.png) no-repeat scroll left top;
	height:46px;
	line-height:49px;
	padding: 0 0 0 26px;
}

button, a.button-inline, a.button-inline:link, a.button-inline:visited {
	color:#FFF;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	height:46px;
}

button, a.button-inline, a.button-inline:link, a.button-inline:visited {
	cursor:pointer;
	display:block;
	position: relative;
	bottom: -15px;
	float:right;
	margin:5px 3px 15px 3px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:visible;
	padding:0;
	text-decoration:none;
	white-space:nowrap;
	border: 0;
	background: transparent;
}


button span, a.button-inline span, a.button-inline:link span, a.button-inline:visited span {
	display:block;
}

.calendardate img,
.dropdowntime img {
	float: left;
	margin: 10px 15px 0 5px !important;
}