/* @override http://localhost/jumppage_devkit/devkit_master/themes/default_theme/css/THEME.css */

/*RESET STYLES*/

body {
	color: #424a5c;
	background: white;
}

a, a:visited {
	color: #0069ca;
}

body {
	background-repeat: no-repeat;
}

.main #mastWrap {
	background: url(../img/theme/tabs/bg_additional_rows.jpg) 0px 10px repeat;
}

.main #masthead {
	background: url(../img/theme/masthead/masthead_background.jpg) repeat-x left top;
}

.main #masthead h1 {
	background: url(../img/theme/page/logo_clear.png) no-repeat scroll top left;
}

.main #mainContent {
	background: #fcfcfc;
}

.main #mainContent #utilitiesMenu li a#customize {
	background: url(../img/theme/page/icon_sprite.png) 5px -342px no-repeat;
}

.main #mainContent #utilitiesMenu li a:hover#customize {
	background: url(../img/theme/page/icon_sprite.png) 5px -367px no-repeat;
}

.main #mainContent #utilitiesMenu li a#addRSS {
	background: url(../img/theme/page/icon_sprite.png) 5px -406px no-repeat;
}

.main #mainContent #utilitiesMenu li a:hover#addRSS {
	background: url(../img/theme/page/icon_sprite.png) 5px -431px no-repeat;
}

.main #mainContent #utilitiesMenu li a#addContent {
	background: url(../img/theme/page/icon_sprite.png) 5px -472px no-repeat;
}

.main #mainContent #utilitiesMenu li a:hover#addContent {
	background: url(../img/theme/page/icon_sprite.png) 5px -497px no-repeat;
}

.main #mainContent #utilitiesMenu li a#collapseAll.expanded {
	background: url(../img/theme/page/icon_sprite.png) 5px -536px no-repeat;
}

.main #mainContent #utilitiesMenu li a#collapseAll.collapsed {
	background: url(../img/theme/page/icon_sprite.png) 4px -601px no-repeat;
}

.main #mainContent #utilitiesMenu li a:hover#collapseAll.expanded {
	background: url(../img/theme/page/icon_sprite.png) 5px -561px no-repeat;
}

.main #mainContent #utilitiesMenu li a:hover#collapseAll.collapsed {
	background: url(../img/theme/page/icon_sprite.png) 4px -626px no-repeat;
}

.main #masthead #searchForm {
	border: solid 2px #6d788d;
}

.main #masthead #searchForm #engine #searchOptions {
	background: #000;
	border: none;
}

.main #masthead #searchForm #engine #searchOptions li {
	border-top: solid 1px #c5cad2;
}

.main #masthead ul#tabs li {
	background: url(../img/theme/tabs/bg_inactive_tab.jpg);
	border: 2px solid #6d788d;
	border-bottom-color: #848996;
}

.main #masthead ul#tabs li.addPage {
	border: none;
	background: transparent;
}

.main #masthead ul#tabs li.active {
	border-bottom: none;
	background: url(../img/theme/tabs/bg_active_tab.jpg);
	color: #424a5c;
}

.main #masthead ul#tabs li.active span {
	color: #424a5c;
}

.main #masthead ul#tabs li.active .closeTab {
	background: url(../img/theme/page/icon_sprite.png) 0px -665px;
}

.main #masthead ul#tabs li.active .closeTab:hover {
	background: url(../img/theme/page/icon_sprite.png) 0px -690px;
}

.main #masthead ul#tabs li span {
	color: #e7e8e9;
	font-weight: bold;
	font-size: 12px;
}

.main #masthead ul#tabs li.changeName input#tabName {
	background: url(../img/theme/tabs/bg_new_tab_name.gif) right top no-repeat;
	border: solid 1px #6d788d;
	color: #5b5b5b;
	margin-top:-2px;
}
.module, #footer {
	background: #FFF;
	border: 1px solid #888;
}

.moduleHeader {
	background: url(../img/theme/module/module_header_background_gradient.jpg) repeat-x left top;
}

.moduleTitle h3 {
	color: #585858;
}

.collapseButton {
	background: url(../img/theme/page/icon_sprite.png) -3px -10px no-repeat;
}

.collapseButton:hover {
	background: url(../img/theme/page/icon_sprite.png) -3px -35px no-repeat;
}

.refreshButton {
	background: url(../img/theme/page/icon_sprite.png) -3px -140px no-repeat;
}

.refreshButton:hover {
	background: url(../img/theme/page/icon_sprite.png) -3px -165px no-repeat;
}

.settingsButton {
	background: url(../img/theme/page/icon_sprite.png) -2px -205px no-repeat;
}

.settingsButton:hover {
	background: url(../img/theme/page/icon_sprite.png) -2px -230px no-repeat;
}

.closeButton {
	background: url(../img/theme/page/icon_sprite.png) -2px -270px no-repeat;
}

.closeButton:hover {
	background: url(../img/theme/page/icon_sprite.png) -2px -295px no-repeat;
}

/* Header Notifications */

.main .topNotification {
	background: #ec7101 url(../img/theme/masthead/bg_personalize.jpg) no-repeat;
	border-bottom: solid 1px #f37902;
}

.main .topNotification p {
	color: #fff;
}

.main .topNotification a.goButton {
	color: #4b5364;
	background: url(../img/theme/masthead/button_go.jpg) repeat-x;
}

.main .topNotification a.goButton:hover {
	text-decoration: none;
	background: url(../img/theme/masthead/button_go.jpg) 0px -28px repeat-x;
}

.main .topNotification a.notNow,
.main .topNotification a.signIn {
	color: #fbe0a8;
}

/* DEFAULT THEME SPECIFICS */

.main #masthead ul#topMenu li {
	color: #E2E4E7;
}

.main #masthead ul#topMenu li a {
	color: #E2E4E7;
}

.main #masthead ul#topMenu li a:hover {
	text-decoration: underline;
}

.main #masthead ul#tabs li a {
	color: #f2f2f3;
}

.main #masthead ul#tabs li a:hover {
	color: #333;
}

.main #masthead ul#tabs li.active a {
	color: #424a5c;
}

.main #masthead ul#tabs li.active a:hover {
	color: #0069ca;
}

.main #masthead ul#tabs li.addPage a {
	color: #fff;
}

.main #mainContent #utilitiesMenu li a {
	color: #7c7c7c;
}

.main #mainContent #utilitiesMenu li a:hover {
	color: #0069ca;
}

.accent1 {
	color: #424a5c !important;
}

.accent2 {
	color: #999 !important;
}

.accent_links, .accent_links:visited {
	color: #0069ca;
	font-weight: bold;
}

.accent_links:hover {
	color: #003d75;
}

.backgroundAccent {
	border: 1px solid #6595d5 !important;
	background: transparent url(../img/theme/page/accent_background_gradient.jpg) repeat-x left top;
}

#footer {
	background: #e1e3e6;
	color: #7f899e;
	border: none;
}

#footer a {
	color: #7f899e;
}

#footer a:hover {
	color: #7f899e;
	text-decoration: underline;
}

#footer p {
	color: #c1c1c2;
}

.module {
	border: 1px solid #cbcbcb;
}

.moduleHeader {
	border-bottom: 1px solid #a5a5a5;
}

.noBorder {
	border: 0 !important;
}

.accentBorder {
	border: 1px solid #999;
}

.notification {
	background: url(../img/theme/module/background_notification.png) repeat-x;
}

.topNotification .whatsThisWindow {
	background: #fff;
	border: solid 1px #737d91;
}

.topNotification .whatsThisWindow h1 {
	color: #000;
}

.topNotification .whatsThisWindow h1 .close {
	background: url(../../../base_img/auxiliary/icon_whats_this_close.gif) no-repeat;
}

.topNotification .whatsThisWindow p {
	color: #585858;
}

.topNotification .whatsThisWindow a:hover {
	text-decoration: underline!important;
}

.main #mainContent #topBar p#messaging {
	border: 1px solid #000;
	background: #FCFF9C;
	color: #333;
}

.main #mainContent #topBar p#messaging a:hover {
	color: blue;
}

.main #masthead ul#tabs li.dropIn {
	background: #b3b7c3;
}

.main #masthead ul#tabs li.dropIn span {
	color: #fff;
}

.main #masthead ul#tabs li.dropIn a {
	color: #000;
}

div#defaultTabContent a {
	border: 1px solid #000;
}

.main #masthead ul#tabs li.active span {
	color: #5c6272;
}

.main #masthead ul#tabs li.active span:hover {
	cursor: pointer;
}


span.loading {
	background: url(../img/theme/page/jp_loader.gif) no-repeat left top;
	width: 60px;
	height: 14px;
	display: block;
}

div.collection-by-site ul li:hover, ul.collection-links li:hover, div.suggestion-panel ul li:hover {
	background: #f2fea8 !important;
}

div.collection-by-site h3 {
	border-bottom: 1px solid #9d9d9d;
}

div.scroller {
	border: 1px solid #9d9d9d;
}

a.module-button-center, a.module-button-top {
	border: 1px solid #a9a9a7;
	background: url(../img/theme/page/button-top-bg.png) left bottom repeat-x;
}

div.suggestion-panel {
	background: #e6e6e6;
	border: 1px solid #999;
}

div.suggestion-panel ul, div.suggestion-panel table {
	background: #fff url(../img/theme/page/list-shadow.png) repeat-x left top;
	border: 1px solid #999;
}

div.suggestion-panel table tr:hover{
	background: #f2fea8 !important ;	
}

div.flash-message {
	background: #f2fea8;
	border: 1px solid #c5c5c5;
}

div.collection-by-site ul li.odd, ul.collection-links li.odd, tr.odd {
	background: #edf5ff;
}

input.text {
	background: #fff;
	border: 1px solid #bbb;
	padding: 2px 0 2px 0;
}

.contrast-red {
	background: #ad1602;
	color: #fff;
	padding: 2px;
}

.contrast-green {
	background-color: #278427;
	color: #fff;
	padding:  2px;
}
