/********************************************************************************************
** Color Controls for Monte Support                                                        **
** --------------------------------------------------------------------------------------- **
** Random Color Info                                                                       **
** 5e9631 MC Green                                                                         **
** 617085 Pretec Blue                                                                      **
** 881b39 Pre-Tec Red                                                                      **
** 571124 Pre-Tec Dark Red                                                                 **
*********************************************************************************************/
html { background: #3b3b3b; }
/******************************************
** Text link color                       **
*******************************************/
* { color: #666666; }
a { color: #a31111; }

/******************************************
** Header - colored bar below tabs       **
*******************************************/
#header { 
	border-bottom: 10px solid #a31111;
	background: url(images/century_specialties_header.png) no-repeat 0 0;
	height: 85px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#header .top-menu {
	font-size: 13px;
	background: none;
	border: none;
	margin-right: 0px;
	max-width: inherit;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#header .top-menu ul.menu li {
	border-right: solid thin #a77777;
	padding: 0 10px;
}
#header .top-menu .menu li a {
	color: #a77777;
	text-transform: uppercase;
	font-size: 12px;
}
#header .top-menu ul.menu li a:hover {
	color: white;
}
#headline {
	background: black;
	height: auto;
	float: left;
	width: 100%;
}
#headline ul {
	margin-right: 20px;
}
#headline .block-menu li {
	position: relative;
	display: block;
	top: auto;
	right: auto;
	float: right;
	padding: 0;
	margin: 8px 5px;
}
/******************************************
** Header - tab colors                   **
*******************************************/
#header .top-tabs ul a {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 22px;
	background: #550404; 
	border: none;
	color: white;
	font-size: 16px;
	line-height: 24px;
}
#header .top-tabs ul li.active-trail a { 
	background: #a31111; 
	border: none;
	color: white;
}
#header .top-tabs li a:hover {
	color: white;
	height: 22px;
}
/******************************************
** Button Bar                            **
*******************************************/
#headline #block-menu-menu-menu-newcontent.block-menu li a, #headline #block-menu-menu-menu-newcontent.block-menu li.last a {
	background: #242424 url(images/century_specialties_new_post_new_user.png) 5px 4px no-repeat;
	border: solid thin #494949;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 10px 6px 30px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 19px;
}
#headline #block-menu-menu-menu-newcontent.block-menu li a:hover, #headline #block-menu-menu-menu-newcontent.block-menu li.last a:hover {
	background-color: #565656;
	border-color: #818181;
}
/******************************************
** Footer - bar color                    **
*******************************************/
#footer {
	background: transparent url(images/century_specialties_footer.jpg) no-repeat 0 0;
	height: 20px;
	padding-top: 20px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/******************************************
** Button - primary color                **
*******************************************/
button, .form-submit, .comment_add a, ul.primary li a, a.round-corners {
	color: white; /*color of text*/
	background-color: #a31111;
	border-color: none;
	moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
button:hover, .form-submit:hover, .comment_add a:hover, ul.primary li a:hover, a.round-corners:hover {
	background-color: #ca1616;
}
#clear-filter {
	background-color: #999999;
}
#clear-filter:hover {
	background-color: #737373;
}
/******************************************
** Button - tab active color             **
*******************************************/
ul.primary li.active a, ul.primary li.active a:hover {
	color: white; /*color of text*/
	background-color: #ca1616;
}

/******************************************
** Button - hover color                  **
*******************************************/
button:hover, .form-submit:hover, .comment_add a:hover, ul.primary li a:hover { background-color: #ca1616; }

/******************************************
** Table - even shading                   **
*******************************************/
.view tr.even { background-color: white; }

/******************************************
** Table - odd shading                   **
*******************************************/
.view tr.odd { background-color: #f9f9f9; }

/******************************************
** Select Users - selection colors       **
*******************************************/
.user-grant-selected { background-color: #f9f9f9; }
.user-grant-email-selected { 
	color: #a31111;
	font-weight: bold; 
}
	
/******************************************
** Alerts - new comment bubble           **
*******************************************/
.comment-new .new {
	color: #FFF; /*color of text*/
	background: #F90;
}

/******************************************
** Alerts - alert bar & active button    **
*******************************************/
.status, .active-button {
	color: #FFF !important; /*color of text*/
	background-color: #eeba01 !important;
}

/******************************************
** Alerts - marker text and splat "*"    **
*******************************************/
.marker, .form-required { color: #eeba01 !important; }

/********************************************************************************************
** Custom CSS for Monte Support                                                            **
** --------------------------------------------------------------------------------------- **
** Any styles written below will override the sites default styles                         **
**                                                                                         **
*********************************************************************************************/
#wrapper {
	margin-top: 0;
}
.front.logged-in #content { 
	background: white url(images/century_support_site_home_2132.jpg) no-repeat 0 0;
	height: 500px;
}

.front #block-block-1 li {
	padding: 3px 0;
}
.node-type-task #safeway {
	display: none;
}
.views-field.views-field-field-flagged-value {
	display: none;
}
.complete {
	text-decoration: line-through;
}
.open {
	background-color: #E2F7DF !important;
}
.view-Tasks.view tr.even {
	background-color: #EEE;
}
.flagged {
	background-color: #fffdb2 !important;
}
#directory-size {
	float: left;
	margin: 7px 0 0 20px;
	color: white;
	font-size: 13px;
}
#block-block-2 {
	float: right;
	margin-right: 20px;
}
#block-block-1 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	padding: 20px;
}
#page-title {
	height: 70px;
	line-height: 60px;
}
.front #page-title {
	height: 41px;
}
.front.logged-in #content-content {
	width: 480px;
	margin: 0;
	padding: 0;
}
.field-field-gallery-images {
	float: left;
	width: 100%;
}
.field-field-gallery-images .field-item {
	float: left;
	margin: 3px;
}