/* ::::: http://www.dansalmon.info exponent theme css ::::: */

/*
	colors - change these globally for variations
	#fff;    	white		background
	#000;    	black		borders
	#333;    	dark grey	text, submenu text
	#d2d2d2; 	light grey	submenu background, link background
	#ddd;    	light grey	header link text and admin form headers
	#bb1f1f; 	red 		header background, menu background, link text
	#a00000; 	red 		menu link text
*/


/*   PAGE LAYOUT id=   */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	text-align: center;
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #333;
	font-size: 9pt;
	line-height: 130%;
}

a:link, a:visited {
	color: #bb1f1f;
	text-decoration: none;
}

a:hover, a:active {
	color: #bb1f1f;
	text-decoration: none;
	background: #ddd;
}

#pagebox {
	width: 740px;   /* must define in HTML div style="width:740px"*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}

/*   HEADER LAYOUT id=   */

#header {
	height: 104px;
	background: #bb1f1f;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#headermain {
	float: left;
	height: 104px;
	width: 480px;
	background: transparent;
}

#headerright {
	float: right;
	height: 104px;
	width: 220px;
	background: url(graphics/fishcakesrev_red_top.jpg) transparent no-repeat bottom right;
}


/*   MENU LAYOUT id=   */

#menu {
	height: 26px;
	background: #bb1f1f;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: #000 solid 4px;
}

#menumain {
	float: left;
	height: 26px;
	width: 480px;
	background: transparent;
}

#menuright {
	float: right;
	height: 26px;
	width: 220px;
	background: url(graphics/fishcakesrev_red_bot.jpg) transparent no-repeat top right;
}


/*   SUBMENU LAYOUT id=   */

#submenu {
	height: 24px;
	background: #ddd;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 18px;
	border-top: #000 solid 4px;
}

#submenumain {
	float: left;
	height: 24px;
	width: 480px;
	background: transparent;
}

#submenuright {
	float: right;
	height: 24px;
	width: 220px;
	text-align: right;
	background: transparent;
}


/*   CONTENT LAYOUT id=   */

#content {
	background: #fff;
}

#contentleft {
	width: 0px;
	padding: 0px;
	float: left;
	background: #fff;
}

#contentmain {
	float: left;
	width: 460px;
	padding: 0px;
	background: #fff;
}

#contentright {
	float: right;
	width: 230px;
	padding: 0px;
	background: #fff;
}


/*   FOOTER LAYOUT id=   */

#footer {
	margin-top: 20px;
	border-top: #000 solid 2px;
	height: 40px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: .9em;
}

#footerleft {
	float: left;
	width: 240px;
	background: transparent;
}

#footermain {
	float: left;
	width: 240px;
	text-align: center;
	background: transparent;
}

#footerright {
	float: right;
	width: 240px;
	text-align: right;
	background: transparent;
}



/*   HEADER FORMATS class=   */

.headertext {
	color: #fff;
	font-size: 24pt;
	padding-top: 10px;
}

.headertext a:link, .headertext a:visited {
	color: #fff;
	background: transparent;
}

.headertext a:active, .headertext a:hover {
	color: #ddd;
	background: transparent;
}

.headertext p {
	padding-top: 10px;
	text-indent: 2px;
	font-size: 8pt;
	margin-top: 4px;
}


/*   MENU FORMATS class=   */

.menutext {
	color: #fff;
	font-size: 8pt;
	margin-top: 8px;
}

.menutext a:link, .menutext a:visited {
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
	padding: 2px 4px 5px 4px;
}

.menutext a:active, .menutext a:hover {
	color: #a00000;
	font-size: 8pt;
	text-decoration: none;
	background: #fff;
}

.menutext #selected {
	color: #000;
}



/*   SUBMENU FORMATS class=   */

.submenutext {
	color: #333;
	font-size: 8pt;
	margin-top: 4px;
	word-spacing: -2px;
}

.submenutext a:link, .submenutext a:visited {
	color: #333;
	font-size: 8pt;
	text-decoration: none;
	padding: 6px 4px 2px 4px;
}

.submenutext a:active, .submenutext a:hover {
	color: #000;
	font-size: 8pt;
	text-decoration: none;
	background: #fff;
}

.submenutext #selected {
	color: #bb1f1f;
}


/*   SEARCH & FORM FORMATS class=  */

.searchtext {
	color: #333;
	font-size: 8pt;
	margin-top: 4px;
}

input[type="text"], input[type="password"], input[type="file"], textarea, select, option {
	border-style: solid; 
	border-color: #A00000 #bb1f1f #bb1f1f #A00000; 
	border-width: 1px; 
	padding: 1px; 
	background: #ddd none repeat; 
	font-family: sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 8px; 
	/* height: 10px;  need to figure out how to use this without ruing text box inputs*/
	color: #333;
	text-indent: 2px;
	margin: 0px 4px 4px 0px;
}

.search_input_text {
	width: 152px;
}

.search_button { 
	color: #fff; 
	background: #bb1f1f;
	margin-top: -2px;
	margin-right: -5px;
	padding: 0px;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="browse"] { 
	border: #333 solid 1px;
	font-family: Arial,sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #fff; 
	background: #bb1f1f;
	padding: 2px 3px 2px 3px;
	margin: 4px 4px 4px 0px;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}


/*   PARAGAPH FORMATS   */

p {
	padding: 6px 0px 6px 0px;
}

td, th {
	font-size: 9pt;
}

h1, h2, h3, h4, h5, h6 { 
	letter-spacing: 0.1em;
	text-align: left;
}

h1 { 
	font-size: 1.2em;
	margin: 10pt 0pt 6px 0px;
}

h2 { 
	font-size: 1.1em;
	margin: 10pt 0pt 6px 0px;
}

h3 { 
	font-size: 1em;
	border-bottom: #d2d2d2 solid 1px;
	margin: 4pt 0pt 0px 0px;
	padding: 6pt 0pt 0pt 0pt;
}

h4 { 
	font-size: .9em;
	margin: 9pt 0pt 6px 0px;
}

h5 { 
	margin: 9pt 0pt 6px 0px;
}

h6 { 
	margin: 8pt 0pt 5px 0px;
}

hr {
	color: #000;
	background: #000;
	width: 100%;
	margin: 6pt 0pt 6px 0px;
}


/*   LIST FORMATS   */

ol { 
	margin: 3pt 0pt 3pt 20pt;
}

ol li { 
	margin: 3pt 0pt 3pt 0pt;
}

ul { 
	margin: 3pt 0pt 3pt 18pt;
}

ul li { 
	margin: 3pt 0pt 3pt 0pt;
}

.smalltext {
	font-size: 8pt;
}

.supersmalltext {
	font-size: 7pt;
}


/*   EXPONENT FORMATS   */

.moduletitle, .search_results_title {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	border-top: #000 solid 8px;
	background: transparent;
	margin: 10pt 0pt 16px 0px;
	padding: 6pt 0pt 0pt 0pt;
}

.search_results_options { 
	margin: 0pt;
	padding: 0pt 0pt 10pt 0pt;
	border-bottom: #ddd solid 2px;
}

.search_result_item { 
	font-size: 1em;
	margin: 0pt;
	padding: 6pt 0pt 6pt 0pt;
	border-bottom: #ddd solid 2px;
}

.search_result_item_link { 
	font-size: 0.8em;
}

.itemtitle { 
	font-size: 1em;
	margin: 10pt 0pt 6px 0px;
	font-weight: bold;
}


/*   EXPONENT EDITOR FORMATS   */

div.container_editbox {
	border: 2px dashed #ddd;
	margin: 2px;
}

div.container_editheader {
	line-height: 120%;
	padding: 1px;
	background-color: #ddd;
}

div.container_editheader table tr td.info {
	font-size: 8pt;
	font-weight: bold;
}

#content div.container_editheader img { 
	border: 0px;
	padding: 0px 2px 0px 2px;
}

.mngmnt_icon {
	padding: 6px 0px 4px 0px;
}

.mngmntlink {
	background: transparent;
}

/*
.mngmntlink:before {
	content: "[ ";
	}

.mngmntlink:after {
	content: " ]";
	}
*/


/*   ERROR MESSAGE STYLE   */

div.error {
	font-weight: bold;
	color: #F00;
	padding-bottom: 1em;
}

/* Themable Forms */

div.form_title {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	border-top: #000 solid 8px;
	background: transparent;
	margin: 10pt 0pt 6px 0px;
	padding: 6pt 0pt 0pt 0pt;
}

div.form_header {
	border-bottom: 2px dashed #ddd;
	margin-top: 1em;
	margin-bottom: 1.3em;
	padding: 6px 0px;
	line-height: 120%;
}

div.form_footer {
	border-top: 2px dashed #ddd;
	padding: 6px 0px;
	line-height: 120%;
}

tr.row td {
	font-size: 0.9em;
}

tr.even_row {
	background-color: #ddd;
}

tr.odd_row {
	background-color: #fff;
}

tr.row:hover td, tr.row:hover td a {
	background-color: #666;
	color: #fff;
}

td.header, td.header a {
	background-color: #ddd;
	font-weight: bold;
	font-size: .9em;
	letter-spacing: -.1em;
	padding: 2px;
}


/*   ADMINISTRATION MODULE MANAGER FORM   */

.administration_modmgrheader {
	background-color: #ddd;
	padding: 0px 4px 0px 4px;
}

.administration_modmgrheader span.active {
	color: green;
	font-weight: bold;
}

.administration_modmgrheader span.inactive {
	color: red;
	font-weight: bold;
}

.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid #ddd;
}

.administration_modmgrbody hr {
	background: #ddd;
}


/*   DEBUGGER STYLES   */

table.debug_null, table.debug_null tr td, div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.debug_object, table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}

table.debug_array, table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
	background-color: #00a;
	color: #fff;
}

td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}

td.debug_varname {
	font-weight: bold;
}

td.debug_type {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;
}


/*   WORKFLOW   */

div.workflow_action {
	border: 1px solid #ddd;
	margin-bottom: 1em;
}

div.workflow_inapproval {
	margin-left: 35px;
}

div.workflow_approved {
	border: 1px solid #333;
	background-color: #ddd;
	padding: 2px 4px;
	margin-bottom: 6px;
}

div.workflow_action_restored {
	border: 1px dashed #333;
	background-color: #ddd;
	padding: 2px 4px;
	margin-bottom: 6px;
}

div.workflow_action_posted {
	border: 2px solid #ddd;
}


/*   FAQ MODULE   */

div.faq_moduletitle {
	font-size: 16px;
}

td.category_bg {
	background-color: #ddd;
}
td.category_title {
	font-size: 12px;
	font-weight: bold;
}
td.question {
	font-size: 10px;
	font-weight: bold;
}


/*   ARTICLE MODULE   */

div.article_title {
	font-size: 14px;
	font-weight: bold;
}

div.article_body {
	font-size: 10px;
}

td.article_summary {
	font-size: 10px;
}

a.article_title_link {
	font-size: 12px;
	color: blue;
}


/*   NEW TAB STYLE OF INTERFACE FOR NAV MANAGER   */

td.tab_btn {
	border: 1px solid black;
	border-right: 0px solid black;
	background-color: #ddd;
	padding: .5em;
}

td.tab_btn_last {
}

td.tab_spacer {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

td.tab_btn_current {
	background-color: inherit;
	border-bottom: 0px solid black;
}

td.tab_main {
	padding: 1.2em;
	border: 1px solid black;
	border-top: 0px solid black;
}


/*   CALENDAR MODULE   */

.calendar {
	border-bottom:1px solid #ddd;
	padding: 2px;
	margin-bottom: .25em;
	background-color: #ddd;

}

.calendar_monthly {
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.calendar_title {
	font-weight:bold;
	text-align: center;
	padding: 6px 0px;
	font-size: 1.2em;
}

.calendar_titleleft {
	border-top: 1px solid #ddd;
	font-weight:bold;
	padding: 6px 0px;
	font-size: 1.2em;
}


.calendar_days {
	font-weight:bold;
	text-align: center;
	padding: 6px 0px;
}

.calendarcontentheader {
	background-color: #ddd;
	font-weight: bold;
	font-size: .9em;
	padding: 2px;
}

.calsmalltext {
	font-size: 8pt;
	padding-top: 4px;
	padding-bottom: 3px;
}



/*   PORTFOLIO MODULE   */

.portfoliotitle {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	border-top: #bb1f1f solid 2px;
	background: #bb1f1f;
	margin: 6pt 0pt 1px 0px;
	padding: 4pt 0pt 4pt 4pt;
	color: #fff;
	/* text-transform: uppercase; */
}

.portfoliotitle a:link, .portfoliotitle a:visited {
	color: #fff;
	text-decoration: none;
}

.portfoliotitle a:hover, .portfoliotitle a:active {
	color: #bb1f1f;
	text-decoration: none;
	background: #fff;
}

.portfoliologo {
	margin: -7px 0px 2px 2px;
	padding: 2px;
	border: 2px #bb1f1f solid;
	background: #fff;
}

.portfoliotitlesm {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	border-top: #bb1f1f solid 2px;
	background: #bb1f1f;
	margin: 6pt 0pt 4px 0px;
	padding: 1pt 0pt 2pt 3pt;
	color: #fff;
	/* text-transform: uppercase; */
}

.portfoliotitlesm a:link, .portfoliotitlesm a:visited {
	color: #fff;
	text-decoration: none;
}

.portfoliotitlesm a:hover, .portfoliotitlesm a:active {
	color: #bb1f1f;
	text-decoration: none;
	background: #fff;
}

.portfoliologosm {
	margin: -3px 0px 2px 2px;
	padding: 2px;
	border: 2px #bb1f1f solid;
	background: #fff;
}

.portfoliologoside {
	margin: 2px;
	padding: 2px;
	border: 2px #bb1f1f solid;
	background: #fff;
}

.portfoliopic {
	margin: 2px;
	padding: 3px;
	border: 2px #bb1f1f solid;
}

.portfoliofooter {
	font-size: .9em;
	letter-spacing: 0.1em;
	text-align: right;
}

.portfoliotop {
	float: left;
}

.portfolioback {
	font-size: .7em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: right;
	float: right;
}

.portfoliotitlegrey {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	background: #333;
	margin: 6pt 0pt 1px 0px;
	padding: 3pt 0pt 3pt 4pt;
	color: #fff;
	/* text-transform: uppercase; */
}

.portfoliologo.company {
	padding:0px;
	margin:0px;
}

.portfoliologobox {
	padding:1px;
	margin:3px 2px;
	border:1px solid transparent;
	float: left;
}

.portfoliologobox a:link, .portfoliologobox a:visited {
	border:1px dashed transparent;
	display:block;
}

.portfoliologobox a:hover, .portfoliologobox a:active {
	border:1px dotted #808080;
}

/*   GOOGLE TRANSLATION MODULE   */

.googleflagpics {
  padding: 0px;
  margin: 0px 2px 0px 2px;
}


/*   CONTAINER MODULE CAREERS SHOW/HIDE  */

.containerbox {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	border-top: #bb1f1f solid 2px;
	background: #bb1f1f;
	margin: 6pt 0pt 1px 0px;
	padding: 1pt 0pt 2pt 4pt;
	color: #fff;
	/* text-transform: uppercase; */
}

.containerbox .showhide {
	float: right;
	position: relative;
	font-size: 7pt;
	text-transform: uppercase;
	padding-right:4px;
}

.containerbox .showhide a:link, .containerbox .showhide a:visited {
	color: #fff;
	padding: 2px 2px 1px 2px;
}

.containerbox .showhide a:hover, .containerbox .showhide a:active {
	color: #bb1f1f;
	background: #fff;
}


/* images - Flexible Upload plugin */

.imageframe {
	padding:0.2em;
	/* border:1px solid #cfcfcf; */
}

.imageframe.imgalignleft {
	margin-top:4px;
	margin-bottom:2px;
	margin-left:0px;
	margin-right:10px;
	float:left;
}

.imageframe.imgalignright {
	margin-top:0px;
	margin-bottom:2px;
	margin-left:10px;
	margin-right:0px;
	float:right;
}

.imageframe.imgaligncenter {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}


/*   TEXT MODULE - Services View   */

.computerpic {
	margin-top:-8px;
	padding:3px;
	background:#fff;
	border:1px solid #d2d2d2;
}


.services-control {
	float:right;
	position:relative;
	font-size:7pt;
	background:#ffffff;
	border:1px solid #000000;
	margin-top:7px;
	padding:0px 3px;
}

.moduletitle.services-title {
	background:#f0f0f0;
	margin-bottom:0;
}

.services-text {
	display:none;
	background:#f0f0f0;
	margin-top:-8px;
	padding-top:18px;
	margin-bottom:-10px;
	padding-bottom:10px;
}

.services-bottom {
	border-bottom:4px solid #000;
	background:#f0f0f0;
}


/* Print specific css */
.print-pagetitle {
	display:none;
}


/* ::::: http://alistapart.com/css/commentform.css ::::: */

#content form { font-size: 0.9em; }
#content form dt { margin: 1.5em 0pt 0.25em; color: rgb(102, 102, 102); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#content form dt strong { font-weight: normal; font-style: italic; text-transform: none; letter-spacing: 0pt; }
#content form dt strong code { font-style: normal; font-size: 1.1em; }
#content form dd { margin-bottom: 1em; }
#content form ul li { background: transparent none repeat; padding-left: 1em; margin-right: 1em; }
#content form ul li input { font-size: 1em; }
#content form ul.optionslist li { padding: 0.25em 0pt; }
#content form .image { float: right; }
#content form .text, #content form .password, #content form textarea { width: 100%; }
#content form .upload { border: 1px solid rgb(153, 153, 153); margin: 3px 0pt 10px; padding: 10px 5px 0pt; background: rgb(251, 250, 244) none repeat; }