/* 
    Document   : submissions.css
    Created on : 30-okt-2009, 13:48:11
    Author     : Arno
    Description:
        Submissions module styles.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div#content div.submissions-index {

}

div#content div.submissions-search h2 {
	margin: 0px 0px 5px;
}

div#content div.submissions-search table {
	margin: 0px 0px 20px;

	width: 511px;

	border-spacing: 0px;
	border: 0px;
}

div#content div.submissions-search table td {
	vertical-align: top;
}

div#content div.submissions-search table td div {

	display: block;

	white-space: nowrap;
	overflow: hidden;
	margin: 0px 0px 3px 0px;
	padding: 0px 3px 0px 0px;
}

div#content div.submissions-search table td.company,
div#content div.submissions-search table td.company div {
	width: 215px;
}

div#content div.submissions-search table td.website {
	width: 23px;
}

div#content div.submissions-search table td.website img {
	display: block;

	margin: 1px 0px 0px;
}

div#content div.submissions-search table td.location,
div#content div.submissions-search table td.location div {
	width: 151px;
}

div#content div.submissions-search table td.select,
div#content div.submissions-search table td.select div {
	width: 122px;
}

div#content div.submissions-search table a {
	color: #4582E1;

	font-size: 12px;
	font-weight: normal;

	text-decoration: underline;
}

div#content div.submissions-search table a:hover {
	color: #EC6807;
}

/** Override the default Ext combobox height to compensate for the border-box model **/
div#content div.submissions-search form input.x-form-text {
	display: inline !important;
	position: static !important;
	margin: auto !important;

	width: 223px !important;
	height: 21px !important;
}

div#content div.submissions-search form {
	width: 244px;
	float: left;

	margin: 0px 0px 20px 0px;
	_margin: 0px;
}

div#content div.submissions-search form#companySearchForm {
	margin: 0px 27px 20px 0px;
	_margin: 0px 27px 0px 0px;
}

div#content div.submissions-search form label {
	float: none;
}

div#content div.submissions-search form input.button {
	margin: 13px 0px 0px 103px;
}

div#content form#request-terms div {
	clear: both;
}

div#content form#request-terms div.button-small {
	float: right;
	clear: right;
}

div#content form#request-terms input.checkbox,
div#content form#request-terms label {
	display: block;
	position: relative;

	height: 17px;
	width: auto;

	cursor: pointer;
}

div#content form#request-terms input.checkbox {
	float: left;
	clear: left;

	margin: 0px 5px 5px 0px;
	padding: 0px;

	width: 13px;
}

div#content form#request-terms label {
	border: 0px;

	float: none;
	clear: none;

	margin: 1px 0px 5px;
	padding: 0px;
}

div#content form#request-terms input.button {
	float: right;
	clear: both;
}

div#content form#request-terms div.text-explanation {
	height: 1px;

	overflow: hidden;
}

div#content form#request-terms div.text-explanation div {
	background-color: #F3F5FB;

	margin: 5px 0px 15px 18px;
	_margin: 5px 0px 15px 19px;

	padding: 12px;

}

/**
 * Submissions disclaimer page
*/

div#content form#request-disclaimer {

}

/* Disclaimer */
div#content form#request-disclaimer div.disclaimer {

}

div#content form#request-disclaimer div.checkbox-container {
	margin: 20px 0px 0px;
}

div#content form#request-disclaimer div.checkbox-container * {
	clear: none;
	cursor: pointer;

	display: block;
	float: left;
}

div#content form#request-disclaimer div.checkbox-container input {
	margin: 2px 0px 0px;
	_margin: 0px 0px 0px;
}

div#content form#request-disclaimer div.checkbox-container label {
	clear: right;

	margin: 0px 0px 0px 5px;
	_margin: 2px 0px 0px 3px;
	padding: 0px;

	width: auto;
}

div#mailorder-field {
	clear: both;
	width: 509px;
}

div#mailorder-field label {
	margin: 0px !important;
}

div#mailorder-field input,
div#mailorder-field label.extralabel {
	clear: none !important;
	float: left;

	margin: 0px 4px 0px !important;

	width: auto !important;
}

div#mailorder-field input {
	margin: 4px 0px !important;
	_margin: 0px 0px !important;
}

div#mailorder-field div.button-small {
	clear: right;
	float: left;

	margin: 2px 0px 0px;
}

div#mailorder-field div.text-explanation {
	clear: both;

	height: 1px;

	overflow: hidden;
}

div#mailorder-field div.text-explanation div {
	background-color: #F3F5FB;

	margin: 5px 0px 15px 18px;
	_margin: 5px 0px 15px 19px;

	padding: 12px;
}


/**
 * Submissions overview page
*/

div#content div.submissions-overview {

}

div#content div.submissions-overview ul,
div#content div.submissions-overview li {
	display: block;

	list-style: none;

	margin: 0px;
	padding: 0px;

	position: relative;
}

div#content div.submissions-overview li {
	float: left;

	margin: 0px 5px 0px 0px;
}

div#content div.submissions-overview li a {
	border: 1px solid white;

	background: 2px 1px no-repeat;
	background-color: white;

	display: block;

	font-size: 8pt;

	line-height: 16px;

	padding: 2px 4px 2px 23px;

	text-decoration: none;
}

div#content div.submissions-overview li a.new {
	background-image: url('/images/icons/add.png');
}

div#content div.submissions-overview li a.edit {
	background-image: url('/images/icons/wrench.png');
}

div#content div.submissions-overview li a:hover {
	border-color: #99BBE8;
	background-color: #EFEFEF;

	text-decoration: none;
}

div#content div.submissions-overview div#submission-overview-container {
	clear: both;

	padding: 15px 0px 0px;
}

div#content div.submissions-overview form input,
div#content form#request-disclaimer input {
	margin: 13px 0 0 378px;
}

div#content div.submissions-overview table.overview-inline {

}

div#content table.overview-inline {

}

div#content table.overview-inline td,
div#content table.overview-inline th {
	padding: 0px 4px 0px 6px;

	vertical-align: top;
}

div#content table.overview-inline th h4 {
	font-size: 11px;
}

table.x-table-layout td.count div.x-form-item {
	margin-left: 5px;
}

.x-check-group-alt {
	background: #D1DDEF;
	border-top:1px dotted #B5B8C8;
	border-bottom:1px dotted #B5B8C8;
}

div.image-combo-item {
	border: 1px solid transparent;

	height: 38px;

	clear: both;
}

div.image-combo-item * {
	border: none;

	display: block;

	float: left;

	height: 32px;

	margin: 2px 0px;

	position: relative;
}

div.image-combo-item div,
div.image-combo-item img {
	clear: left;

	width: 32px;

	margin: 2px 5px 2px 2px;
}

div.image-combo-item span {
	line-height: 32px;
}