/**
 * application.css
 *
 * Default stylesheet for the strategicvalueselling.com site
 */

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	color: #333;
	background-color: #eee;
}

a:link
{
	color: #324C99;
	text-decoration: underline;
}

a:visited
{
	color: #324C99;
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
}




#Body, #body
{
	background-color: #fff;
	padding: 10px 20px 100px 20px;
}

#Footer, #footer
{
	border-top: 1px solid #ddd;
	padding: 5px 0;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}



/* The page heading area
------------------------------------------*/

#header
{
	width: 100%;
	margin-bottom: 9px;
	padding: 0
	border-bottom: 1px solid #ddd;
}

#header td
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#header img
{
	padding: 0;
	margin: 0;
	border: none;
}

#LittleMenu, #little-menu
{
	font-size: larger;
	text-align: right;
}

#menu
{
	font-size: 8pt;
	color: #4a4a4a;
	font-weight: bold;
	padding: 0;
	border-style: dotted;
	border-color: #c0c0c0;
	border-width: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#menu a
{
	font-weight: bold;
}

#menu span.divider
{
	color: #75a4ca;
	padding: 0 4px;
	font-weight: bold;
}



/* Primary content
-----------------------------------------*/

#Content, #content
{
	margin-top: 5px;
	line-height: 14px;
	background-color: #fff;
	color: #333;
}









ul.inline
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	list-style: none;
}

ul.inline li
{
	display: inline;
	padding-left: 0;
	margin-right: 8px;
	background-image: none;
}

ul.select_options, ul.select-options
{
	margin-left: 0;
	padding: 0;
	list-style: none;
}

ul.select_options li, ul.select-options li
{
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;
}

ul.select_options input, ul.select-options input
{
	width: 25em;
}

ul.selectOptions2, ul.select-options-2
{
	margin-left: 0;
	padding: 0;
	list-style: none;
}

ul.selectOptions2 li, ul.select-options-2 li
{
	padding: 0;
	margin: 0;
	background: none;
}

ul.selectOptions2 input, ul.select-options-2 input
{
	width: 8em;
}

ul.selectOptions2 label, ul.select-options-2 label
{
	color: inherit;
	font-weight: inherit;
}


table
{
	border: none;
	font-size: 12px;
	border-collapse: collapse;
}

table td
{
	border: none;
	padding: 2px 4px;
}

table.ListTable, table.list-table
{
	width: 100%;
}

table.ListTable td, table.list-table td
{
	padding: 4px 5px;
}

table.ListTable thead tr, table.list-table thead tr
{
	background-color: #58b;
	color: #eee;
}

table.ListTable thead th, table.list-table thead th
{
	text-align: left;
	padding: 4px 5px;
}

table.ListTable tbody th, table.list-table tbody th
{
	font-weight: normal;
}

table.ListTable tbody tr, table.list-table tbody tr
{
	background-color: #efefef;
}

table.ListTable tbody tr.AltRow, table.list-table tbody tr.alt-row
{
	background-color: #fff;
}

table.ListTable tbody tr.Deactivated td, table.ListTable tbody tr.Deactivated th, table.ListTable tbody tr.Deactivated a:link, table.ListTable tbody tr.Deactivated a:visited, table.list-table tbody tr.deactivated td, table.list-table tbody tr.deactivated th, table.list-table tbody tr.deactivated a:link, table.list-table tbody tr.deactivated a:visited
{
	color: #888;
}

table.ListTable tbody tr th input, table.list-table tbody tr th input
{
    vertical-align: middle;
}

/* table sorting
-----------------*/

table.ListTable tbody tr.odd, table.list-table tbody tr.odd
{
	background-color: #fff;
}

table.ListTable tbody tr.even, table.list-table tbody tr.even
{
	background-color: #efefef;
}

table.ProfileTallyTable tbody tr.odd, table.profile-tally-table tbody tr.odd
{
	background-color: #efefef;
}

table.ListTable tbody tr.HighlightRow, table.list-table tbody tr.highlight-row
{
	font-weight: bold;
}

table.ListTable tbody tr.HighlightRow th, table.list-table tbody tr.highlight-row th
{
	font-weight: inherit;
}

table.ListTable tbody tr:hover, table.list-table tbody tr:hover
{
	background-color: #e0e0e0;
}
/*
table.ListTable tbody tr.HighlightRow:hover
{
	color: #000;
}
*/
table.ListTable tbody tr:hover a:link, table.ListTable tbody tr:hover a:visited, table.list-table tbody tr:hover a:link, table.list-table tbody tr:hover a:visited
{
	color: #324c99;
}

table.ListTable label, table.list-table label
{
	color: inherit;
	font-weight: inherit;
}

table.ListTable tbody th, table.list-table tbody th
{
	text-align: left;
}

div.ListTableOptions, div.list-table-options
{
	padding: 4px 5px;
	color: #eee;
	background-color: #58b;
}

/*div.ListTableOptions a:link, div.ListTableOptions a:visited
{
	color: #eee;
	text-decoration: underline;
}*/

div.ListTableOptions select, div.list-table-options select
{
	font-size: inherit;
	font-family: inherit;
	vertical-align: middle;
}

div.ListTableOptions input, div.list-table-options input
{
	font-size: inherit;
	font-family: inherit;
	vertical-align: middle;
}

table thead th
{
	/*background-color: #d6d3cd;
	border: 1px solid #000;*/
	vertical-align: bottom;
	border-style: dotted;
	border-color: #d6d3cd;
	border-width: 0;
}

table tbody th
{
	/* These are normally row level headings */
	padding: 4px;
	text-align: left;
}

table.ProfileTallyTable tbody tr, table.profile-tally-table tbody tr
{
	background-color: #efefef;
}

/*
table.ProfileTallyTable tbody tr:hover
{
}
*/


table.LayoutTable, table.layout-table
{
	padding: 0;
	border: none;
	width: 100%;
}

td.LayoutTable, td.layout-table
{
	padding: 0;
	vertical-align: top;
	border: none;
}

td.LayoutTable p, td.layout-table p
{
    padding: 0 5px;
}



/* Spreadsheet tables
----------------------------*/

table.Spreadsheet, table.spreadsheet
{
	border-collapse: collapse;
}

table.Spreadsheet thead th, table.spreadsheet thead th
{
	background-color: #d6d3cd;
	border: 1px solid #555;
	padding: 2px 5px;
	text-align: center;
}

table.Spreadsheet td, table.spreadsheet td
{
	border: 1px solid #555;
	margin: 0;
}

table.Spreadsheet tbody td, table.spreadsheet tbody td
{
	padding: 0px;
	vertical-align: top;
}

table.Spreadsheet tbody td div, table.spreadsheet tbody td div
{
	padding: 0;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
}

table.Spreadsheet tbody td div.Focused, table.spreadsheet tbody td div.focused
{
	border-color: #324c99;
}

table.Spreadsheet tbody input, table.spreadsheet tbody input
{
	border: none;
	background-color: #fff;
	width: 100%;
}

table.Spreadsheet tbody textarea, table.spreadsheet tbody textarea
{
	border: none;
	background-color: #fff;
	height: 1.3em;
	font-family: monospace;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
}




table.user-col-names
{
    border-collapse: collapse;
}

table.user-col-names th
{
    border: 1px solid #ccc;
    background-color: #eee;
}

.center, .centre
{
    text-align: center;
}




a img
{
	border: none;
	vertical-align: bottom;
}


/* Forms
------------------------------------*/

form
{
	margin: 0;
}

fieldset
{
	padding: 10px;
	padding-top: 0;	/* IE kludge */
	border: 1px solid #324C99;
	border-color: #bbd8e3;
	/*background-color: #e5ecf9;*/
	/*padding: 0;
	border: none;*/
	margin-left: 0;
}

html > body fieldset
{
	padding-top: 10px;
}

fieldset legend
{
	color: #000;
	font-weight: bold;
}

fieldset legend
{
	margin-bottom: 10px;	/* IE kludge */
}

html > body fieldset legend
{
	margin-bottom: 0;
}

fieldset.quiet
{
	border-width: 0;
	padding: 0;
	/*margin: 10px 0 0 0;*/
	background: transparent;
}

fieldset.quiet legend
{
	padding: 0 0 8px 0;
	padding-left: 0;
	/*font-weight: bold;
	font-size: larger;
	color: #324c99;*/
}

label
{
	font-weight: bold;
	cursor: pointer;
	color: #324c99;
}

label.inherit
{
    font-weight: inherit;
    color: inherit;
}

/* Table-ized forms */
form.table ul, form.table ol, ul.table, ol.table
{
	margin-left: 0;
	padding: 0px;
	list-style: none;
	display: table;
}

form.table ul li, form.table ol li, ul.table li, ol.table li
{
	padding-left: 0px;
	margin-left: 0px;
	display: table-row;
}

form.table label, ul.table label, ol.table label
{
	display: inline-block;
	width: 12em;
}

html > body form.table li label, html > body ul.table li label, html > body ol.table li label
{
	display: table-cell;
	width: auto;
	padding: 2px 10px 2px 0;
}

html > body form.table li span.td, html > body ul.table li span.td, html > body ol.table li span.td
{
	display: table-cell;
	padding: 2px 0;
}

form div
{
	margin-top: 2px;
	margin-bottom: 8px;
}

div.form
{
	margin-top: 2px;
	margin-bottom: 8px;
}

fieldset label.field
{
	display: block;
	margin: 10px 0 0 10px;
	font-weight: normal;
	cursor: pointer;
}

fieldset input, fieldset select
{
	margin-left: 0px;
}

.standard_width, .standard-width
{
	width: 25em;
	/*width: 100%;*/
}

form table
{
	border-collapse: collapse;
	width: auto;
}

form table tbody td
{
	font-weight: normal;
	font-size: inherit;
	text-align: left;
	padding: 2px;
}

form table tbody th
{
	background-color: inherit;
	font-weight: bold;
	text-align: right;
	padding: 2px 10px 2px 0;
}

span.OverLabel, span.over-label
{
	position: relative;
}

span.OverLabel label, span.over-label label
{
	position: absolute;
	top: 0;
	left: 5px;
	font-weight: normal;
	color: #888;
	z-index: 1;
}

span.OverLabel input, span.over-label input
{
	z-index: 2;
	background-color: transparent;
}

span.OverLabel:hover label, span.over-label:hover label
{
	left: 20px;
}




/* Error messages
------------------------------------*/

.ErrorExplanation, .error-explanation
{
	color: #000;
	/*background-color: #f0f0f0;*/
	background-color: #ffc;
	border: 2px solid #f00;
	padding: 0 10px 5px 10px;
}

.ErrorExplanation h2, #content .ErrorExplanation h2, .error-explanation h2, #content .error-explanation h2
{
	border: none;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0;
	color: #fff;
	background-color: #c00;
	padding: 5px 10px;
	font-size: inherit;
	font-weight: bold;
}

.ErrorExplanation ul, .error-explanation ul
{
	list-style-type: square;
}


/* "Flash" messages
-----------------------------------------*/

div.Flash, p.Flash, p.FlashNoFade, div.flash, p.flash, p.flash-no-fade
{
	border: 1px solid #3a2;
	color: #000;
	/*background-color: #f0f0f0;*/
	background-color: #ffc;
	padding: 5px 10px;
	color: #000;
	font-size: larger;
	/*color: #3a2;*/
	margin: 15px 0;
}




h1
{
	font-size: 15px;
}

h2, h3, h4, h5, h6, h1.ColHeading, h1.col-heading
{
	background-color: #e5ecf9;
	color: #000;
	font-weight: bold;
	padding: 4px;
	position: relative;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #bbd8e3;
	margin-bottom: 4px;
}

h1.ColHeading, h1.col-heading
{
	margin-top: 0;
	font-size: larger;
	text-align: left;
	margin-right: 12px;
}

h1.ContentHeading, h1.content-heading
{
    margin-top: 0;
}

h2
{
	font-size: larger;
	margin-top: 20px;
}

h3
{
	font-size: inherit;
	margin-top: 4px;
}

h4
{
	font-size: inherit;
}

table.h2
{
	width: 100%;
	background-color: #e5ecf9;
	color: #000;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #bbd8e3;
	margin-top: 20px;
	margin-bottom: 4px;
}

table.h2 td
{
	margin: 0;
	padding: 4px;
}

table.h2 td.HeadingItems, table.h2 td.heading-items
{
	text-align: right;
	/*font-size: 10px;*/
}

table.h2 h2
{
	border: none;
	padding: 0;
	margin: 0;
	display: inline;
	background-color: transparent;
}

table.h2 select, table.h2 input
{
	font-size: 10px;
}

table h2 span.AlternateList, table h2 span.alternate-list
{
    font-weight: normal;
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px solid #bbb;
}


h4.HeadingItems, h4.heading-items
{
	font-size: inherit;
}

hr
{
	border-style: solid;
	/*border-color: #728cd9;*/
	border-color: #fff;
	border-width: 0;
	height: 0;
	margin: 0 0 20px 0;
	background-color: transparent;
	visibility: hidden;
}



.LeftCol, .left-col
{
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	width: 50%;
}

.LeftCol .col, .left-col .col
{
	margin-right: 10px;
}

.RightCol, .right-col
{
	padding: 0;
	padding-left: 20px;
	margin: 0;
	margin-left: 50%;
	margin-bottom: 5px;
}

.RightCol .col, .right-col .col
{
	margin-left: 10px;
}

.RightCol hr, .right-col hr
{
	clear: right;	/* Deal with images floated right. */
}


/* The copyright area
-------------------------------------------------------*/

#copyright, #Copyright
{
	font-size: 10px;
	font-weight: normal;
	color: #324c99;
	margin-top: 30px;
	text-align: center;
}

/* The footer
-------------------------------------------------------*/

/*#Footer
{
	padding: 20px 0 5px 0;
	text-align: center;
	vertical-align: bottom;
}*/

ul.FooterLinks, ul.footer-links
{
	list-style: none;
	display: inline;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}

ul.FooterLinks li, ul.footer-links li
{
	display: inline;
	margin: 0;
}

#Footer a:link, #footer a:link
{
	text-decoration: underline;
}



/* Various classes
-------------------------------------------------------*/

.bold, .Bold
{
	font-weight: bold;
}

.inherit, .Inherit
{
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

.DarkBlue, .dark-blue
{
	color: #324C99;
}







.Note, .note
{
	color: #888;
}

.Monospace, .monospace
{
	font-family: monospace;
}



/* Classical pattern displays
---------------------------------------------------*/
div.PatternGraph, div.pattern-graph
{
	clear: right;
	float: right;
	width: 250px;
	text-align: center;
	padding-top: 5px;
}

td.PatternGraph, td.pattern-graph
{
	width: 250px;
	text-align: center;
	padding-top: 5px;
}

.PatternInfo, .pattern-info
{
	margin-right: 250px;
}

.PatternInfo .ListTable, .pattern-info .list-table
{
	width: 100%;
}


/* sorting
--------------------------------------------------*/
a:link.sortheader, a:visited.sortheader
{
	color: #eee;	/* IE6 doesn't understand inheritance */
	text-decoration: none;
	padding-right: 14px;
	background: url('../images/icons/sort_grey.gif') bottom right no-repeat;
}

span.sortarrow
{
	padding-left: 6px;
}



th.sortable span.sortable, td.sortable span.sortable
{
	/*padding-right: 14px;
	background: url('../images/icons/sort_grey.gif') bottom right no-repeat;*/
	cursor: pointer;
	cursor: hand;
}

th.sortable span.sortIconUp, td.sortable span.sortIconUp
{
	background-image: url('../images/icons/sort_up.gif');
}

th.sortable span.sortIconDown, td.sortable span.sortIconDown
{
	background-image: url('../images/icons/sort_down.gif');
}


/* pagination
--------------------------------------------------*/
.page, .full-page
{
    page-break-after: always;
}


/* dialogues
--------------------------------------------------*/
#screen-overlay
{
    display: none;
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.45;
    z-index: 100;
}

#loading-dialogue
{
    display: none;
    padding: 15px;
    width: 300px;
    height: 200px;
    position: fixed;
    top: 25%;
    left: 50%;
	color: #000;
    background-color: #eee;
    font-size: larger;
    text-align: center;
    vertical-align: middle;
	border: 2px solid #58b;
    border-radius: 0px;
    z-index: 101;
}

/* jQuery validate styles
--------------------------------------------------*/
label.form-error
{
    color: #d20;
    background-color: #fff;
}