/* Form Manager - The Form Assembly 3.0 -
 * Default Theme Stylesheet
 * Copyright (c) 2006-2007 Veer West LLC
 * Jan. 2007
 */

body {
	font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
	color:#333;
	background-color: #424242;
}

/* General Style Info */
a, a:visited {
	color: #3F83C7; /*#6699CC; #3F83C7;*/
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.message {
	color: #396F41;
	background-color: #FFFFDF;
	border: 1px solid #EEEECE;
	border-left: none;
	border-right: none;
	border-top: 1px solid #DDDDBD;
	padding: 5px;
	font-size: 1.4em;
}
.important {
	background-color: #fff4f4;
	border: 1px solid #ffcccc;
	padding: 5px;
	font-size: 1.4em;
}
.confirmation {
	background-color: #D2EBCE;
	border: 1px solid #67CB59;
	padding: 5px;
	font-size: 1.4em;
	color: #2A3F28;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.announcement {
	background-color:#fff5cc;
	border-bottom:1px solid #dac3a0;
	border-top:1px solid #dac3a0;
	font-size:1.2em;
}

.error_message, .errorMessage {
	color: #CC3333 !important;
}
.errorMessage .message {
	color: #CC3333 !important;
	padding: 0.5em 0  !important;
	background-color: #FFFFDF;
	border: none;
	font-size: 1.4em;
}

.actions {
	text-align: right;
	padding-top: 10px;
}
.actions li {
	list-style-type: none;
}
.preField {
	border-bottom: 1px dotted #CCC;
}
.separator {
	color: #ddd;
	padding: 0 3px;
}
.delete .firstCell  {
	background-color: #E31C1C;
	background-image: url(../../../images/cross.gif);
	background-position: 98%;
	background-repeat: no-repeat;
}
.delete .firstCell a {
	color: #FFF !important;
}
/* Layout */
#container {

}
#header h1 {
}
#header h1 span {

}
#header {
	background-color: #e7efe7;
	border-bottom: 1px solid #c6dac4;
}
#header .whoami {
	line-height: 30px;
	margin: 0 10px;
}
#header .loginLink {
	line-height: 30px;
	margin: 0 10px;
	font-weight: bold;
}
#main {
	border-top: 4px solid #96bc92;
}
#content {
	background-color: #fff;
}
#footer {
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	color: #8a8a8a;
}
#footer a, #footer a:visited {
	color: #8a8a8a;
	font-weight: bold;
}
/* UI Elements */
.toolBar .left 				{ 	 }
.toolBar h2 				{ 	color: #FFF; text-shadow: #666 1px 1px 1px; }

.toolBar .newForm 			{	background-image: url(/images/page_white_add.gif);			background-position: 4px; background-repeat: no-repeat; }
.toolBar .importForm 		{ 	background-image: url(/images/page_white_lightning.gif); 	background-position: 4px; background-repeat: no-repeat; }


/* ===================================================================
 * TOOL BAR
 * ===================================================================
 */
#topToolBar { text-align: left;	background-color: #96BC92;	border-bottom: 1px solid #999; }
#topToolBar td {  padding-bottom: 6px; }
#topToolBar .toolBarGroup {
	margin: 4px 7px 0 0;
	padding: 0 6px 0 2px;
	width: auto !important; /* prevents user css to overwrite this.*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background-color: #628784;
	white-space: nowrap !important;
	display: block;
	line-height: 26px;
}
#topToolBar .left .toolBarGroup {
	float: left;
}
#topToolBar .right .toolBarGroup {
	float: right;
}
#topToolBar .toolBarGroup .separator {
	border-left: 1px dotted #ccc;
	padding-right: 4px;
}
#topToolBar .toolBarButton {
	font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border: none  !important;
	font-size: 12px;
}
#topToolBar .toolBarButton:hover {
	text-decoration: underline !important;
	cursor: pointer;
}
#topToolBar .toolBarButton img {
	margin: 0 0 -3px 3px;
	border: none;
}

.frame {
	max-width: 780px;
	min-width: 100px;
}
.frame .top {
	background-image: url(../images/frame_bg_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
	max-height: 20px;
}
.frame .top div {
	background-image: url(../images/frame_bg_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 15px;
}
.frame .middle {
	background-image: url(../images/frame_bg_l.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
.frame .middle div {
	background-image: url(../images/frame_bg_r.gif);
	background-repeat: repeat-y;
	background-position: top right;
	padding: 0 15px 0 10px;
}
.frame .bottom {
	background-image: url(../images/frame_bg_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	max-height: 85px;
}
.frame .bottom div {
	background-image: url(../images/frame_bg_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 70px;
	padding: 0 10px;
}

/* Sub-Navigation TABS */
.subNav {
}
.subNav .views {
}
.subNav .view {
	background-color: #F1F8F1;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 4px;
	margin: 0 2px 0 0;
	white-space: nowrap;
}
.subNav .views .selected {
	background-image: url(../images/highlight_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f2f2d2;
	border-bottom: 1px solid #f2f2d2;
}

/* Sub-Navigation Actions */
.subNav .actions {
	margin-left: 20px;
}
.subNav .action {
	white-space: nowrap;
	padding: 4px 2px;
}



/* YUI Dialog */
.yui-skin-tfa .yui-panel-container { padding:0 1px; }
.yui-skin-tfa .yui-overlay,
.yui-skin-tfa .yui-panel-container { position:absolute; visibility:hidden; z-index:2; }
.yui-skin-tfa .yui-panel-container.shadow .underlay { background-color:#000000; bottom:-3px; left:-3px; opacity:0.12; filter:alpha(opacity=12); position:absolute; right:-3px; top:2px; }
.yui-skin-tfa .yui-panel-container .underlay { left:-1px; right:-1px; }
.yui-skin-tfa .yui-panel { border-color:#808080; border-style:solid; border-width:1px 0; left:0; position:relative; top:0; z-index:1;  }
.yui-skin-tfa .yui-panel .hd { border-bottom:1px solid #CCCCCC;  background-color: #96BC92; color: #fff; padding: 5px 10px; font-weight: bold;}
.yui-skin-tfa .yui-panel .hd,
.yui-skin-tfa .yui-panel .bd,
.yui-skin-tfa .yui-panel .ft { border-color:#808080; border-style:solid; border-width:0 1px; margin:0 -1px; }
.yui-skin-tfa .yui-panel .bd { padding: 20px 10px 10px 10px; }
.yui-skin-tfa .yui-panel .bd,
.yui-skin-tfa .yui-panel .ft { background-color:#FAFAFA; border-top:1px solid #808080; }
.yui-skin-tfa .yui-dialog .ft { border-top:medium none;  padding:20px 10px; }
.yui-skin-tfa .container-close { background:transparent url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0 -300px; cursor:pointer; height:15px; position:absolute; right:6px; top:5px; width:25px;overflow:hidden; text-decoration:none; text-indent:-10000em; }

/* YUI Dialog Button */
.yui-skin-tfa .yui-dialog .ft .button-group { display:block; text-align: right; }
.yui-skin-tfa .yui-button { background:transparent url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) repeat-x scroll 0 0; border-color:#808080; border-style:solid; border-width:1px 0; margin:auto 0.25em;display:inline-block; vertical-align:text-bottom; }
.yui-skin-tfa .yui-button .first-child { border-color:#808080; border-style:solid; border-width:0 1px; margin:0 -1px; display:block; }
.yui-skin-tfa .yui-button button,
.yui-skin-tfa .yui-button a { color:#000000; font-size:93%; line-height:2; min-height:2em; padding:0 10px; }
.yui-skin-tfa .yui-button button { background-color:transparent; cursor:pointer; }
.yui-skin-tfa .yui-button button,
.yui-skin-tfa .yui-button a { border:medium none; display:block; margin:0; }
.yui-skin-tfa .yui-dialog .ft span.default { background-position:0 -1400px; border-color:#304369; }
.yui-skin-tfa .yui-dialog .ft span.default .first-child { border-color:#304369; }
.yui-skin-tfa .yui-dialog .ft span.default button { color:#FFFFFF; }

/* YUI Drop-down menu (Quicklinks in forms tab) */
.yui-skin-tfa .yuimenu {  text-align: left !important; width: 165px; }
.yui-skin-tfa .yuimenu .yuimenu { width: 125px; }
.yui-skin-tfa .yuimenuitem {}
.yui-skin-tfa .yuimenuitemlabel { padding: 3px 20px 3px 5px; text-decoration: none; color: #000; }
.yui-skin-tfa .yuimenuitemlabel .icon { margin: 0 4px 0; }
.yui-skin-tfa .yuimenuitemlabel-disabled { color: #aaa }
.yui-skin-tfa .yuimenuitemlabel-disabled img { opacity: .3 }
.yui-skin-tfa .yui-menu-shadow { position: absolute; visibility: hidden; z-index:-1; }
.yui-skin-tfa .yui-menu-shadow-visible { background-color:#000000; opacity:0.12; filter:alpha(opacity=12); bottom:-3px; left:-3px; right:-3px; top:2px; visibility:visible !important; }

.yui-skin-tfa .yuimenubaritemlabel, .yui-skin-tfa  .yuimenuitemlabel { display:block; }
.yui-skin-tfa .yuimenuitemlabel, .yui-skin-tfa .yuimenubaritemlabel { text-align:left; white-space:nowrap; }
.yui-skin-tfa .yuimenu ul, .yui-skin-tfa .yuimenu li { margin:0; padding:0; }

.tools .yui-skin-tfa .yui-menu-button  { background-image: url(../../../images/quick_links.gif); background-position: center; background-repeat:no-repeat; margin: 0; border: none; /*line-height: 1; min-height: 1em; */ }
.tools .yui-skin-tfa .yui-menu-button .first-child { border: none; margin: 0; }

/* YUI Menu */
#userLookup { width: 254px; }
#userLookup .bd { height: 100px; overflow-x: hidden; }
.yuimenu {
	font-size:93%;
	line-height:1.5;
}
.yuimenu .bd {
	background-color:#FFFFFF;
	border:1px solid #808080;
	zoom: normal;
}
.yuimenu ul, .yuimenu li, .yuimenu h6 {
	margin: 0pt;
	padding: 0pt;
	width: 100%;
}
.yuimenu ul {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0pt 0pt;
	padding:3px 0pt;
}
.yuimenu ul.first-of-type {
	border-width:0pt;
}
.yuimenu li {
	list-style-type:none;
	padding: 0 0 0 5px;
}
.yuimenuitem-selected {
	background-color:#B3D4FF;
}
/* Tabular data */

.list {
	border: 1px solid #dbdbdb;
	background-color: #FDFDFD;
	padding: 0px;
}
.list h3 {
	background-color: #f3f3d2;
}
.list table {
	background-color: #F4F7F4;
	table-layout: fixed;
}
.list table .alternate {
	background-color: #EDF1ED;
}
.list table tr:hover {

}
.list table .headRow {
	background-image: none !important;
	background-color: #FFF !important;
}
.list table .headRow th {
	padding-top: 6px;
	border-bottom: 1px dotted #ccc;
	color: #888;
	font-weight: normal;
	font-size: 0.8em;
}
.list table .headRow th abbr {
	text-decoration: none;
	border: none;
}
.list table .first th {
	padding-top: 4px !important;
}
.list table .selected {

	background-color: #FFFFDF;
}
.list table td {
	border-bottom: 1px dotted #ccc;
	padding: 4px;
	overflow: hidden;
	text-overflow:ellipsis;

}
.list table .iconColumn  {
	font-weight: normal;
}

/* Sidebar / Filters & metadata boxes */
.filter {
	border: 1px solid #dbdbdb;
}
.filter .inner {
	border: 2px solid #FFF;
	background-color: #F4F7F4;
	padding: 4px;
}

.metaData {
	border: 1px solid #dbdbdb;
	color: #666;
}
.metaData .inner {
	border: 2px solid #FFF;
	background-color: #F4F7F4;
	padding: 4px;
}

/* Main Content / Edit screens  */
.editProperties {
	border: 1px solid #CCC;
	padding: 4px 8px;
}
.editProperties fieldset {
	border: 1px solid #EEE;
	margin: 0 0 25px 0;
}
.editProperties fieldset legend {
	font-weight: bold;
	color: #666;
}
.editProperties .actions {
	border-top: 1px solid #E8F1E7;
	padding: 8px 16px;
	background-color: #F8FBF7;
}
.editProperties .instructions {
	color:  #555;
	background-color: #F4FBEC;
	padding: 4px;
	line-height: 140%;
}
.mapping .question {
	border-bottom: 1px dotted #ccc;
	padding: 4px 0 0 0;

}
.mapping .picklist table {
	margin: 0 0 15px 5px;
	border-left: 3px solid #d3ecd1;
}
.mainContent h3, .oneColumn h3 {
	border-bottom: 1px solid #ddd;
}
.longTimeAgo {
	color: #F00;
}
/* User Log (history/billing) */
.log td {
	padding: 2px 8px 2px 0;
	font-size: x-small;
}
.log th {
    padding: 2px 8px 2px 0;
    font-size: x-small;
}
.logDate {
	color: #666;
}
.logDescription {
	font-size: x-small;
}
.logNumber {
	text-align: right;
	font-weight: bold;
}

.list table .warning {
	color: #F00;
	font-weight: bold;
}

.highlight {
    background-color: #FF9;
}