--------------------------------------------------*/
@import "ie6win.css";
@import "safari.css";

/* Misc 
--------------------------------------------------*/
.clear {
    position: relative;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
    height: 1px;
    background: transparent;
    font-size: 1px;
    line-height: 1px;
}



/* Naked Tags 
--------------------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

html {
    font-size: 70%;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
	background: #fff;
}

body {
    font-size: 1em;
    line-height: 1.2em;
    text-align: center;
}

div#main {
    position: relative;
    margin: 0 auto;
    width: 776px;
    text-align: left;
    padding: 0 0 50px 0;
}

/* links */
a {
    text-decoration: none;
	color: #c00;
}

a:visited {
	color: #900;
}

a:hover {
	text-decoration: underline;
	color: #f00;
}

a,
a img {
	border: 0;	
}


/* text */
p {
    margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5 {
	position: relative;
    font-weight: normal;
    margin: 1em 0 0.3em 0;
    color: #666;
}

div.hn {
	margin: 1em 0 0.5em 0;
}

h3 {
	font-size: 1.2em;
}

div.hn h2,
div.hn h3 {
	display: inline;
	margin: 2em 0 0.8em 0;
}

h1 span.em,
h2 span.em {
	color: #333;
}




/* ul list */
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    margin: 0 0 0.2em 0;
}

ul.tight, 
ul.tight li {
	margin: 0;
}

/* dl list */

dl {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0;
	clear: left;
}

dt, dd {
	position: relative;
	display: block;
	float: left;
	margin: 0 0.3em 0 0;
	padding: 0;
}

dt {
	clear: left;
	margin-right: 0.5em;
	color: #666;
}


/* form */

form {
    font-size: 1em;
    margin: 0;
}


input, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
	margin: 0;
	padding: 0;
	position: relative;
}

textarea {
	position: relative;
	display: block;
	width: 75%;
	height: 5em;
	margin: 0 0 1em 0;
}

div.fieldWithErrors {
	padding-left: 20px;
	background: transparent url(/images/arrow_right_red.png) no-repeat left top;
}

/* table */
table {
	border-collapse: collapse;
    position: relative;
    margin: 0 0 1em 0;
	border: 0px;
    width: 100%;

}

td, th {
  padding:  3px 5px;
	border: 0px;
	vertical-align: bottom;
	text-align: left;
	border-bottom: 0px solid #d8d8d8;
	background: #fafafa;
}


th {
	background: #d8d8d8;
    font-weight: bold;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

tr.first-child td {
	border-top: 1px solid #d8d8d8;
}

tr.first-child th {
	border-top: 1px solid #aaa;
}

td.last-child {
	border-right: 1px solid #d8d8d8;
}

hr {
	border: 0;
	height: 4px;
	background: #ccc;
	margin: 1em 0;
}



/* Global Structures
--------------------------------------------------*/

/* common links */

td.twostory_ladder span,
span.admin,
a.admin,
span.jobs,
a.jobs,
span.callform,
span.callbackform,
a.callform,
a.callbackform,

span.add,

a.add {
    padding: 4px 0 2px 18px;
    margin: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}

span.add,
a.add {
    background-image: url(/images/addnew.gif);
}

span.admin,
a.admin {
    background-image: url(/images/preferences.gif);
}

span.logout,
a.logout {
	position: relative;
	top: 3px;
}

span.callform,
a.callform {
    background-image: url(/images/form.gif);
}
span.callbackform,
a.callbackform {
    background-image: url(/images/cb.gif);
}

span.jobs,
a.jobs {
    background-image: url(/images/clipboard.gif);
}

td.twostory_ladder span {
	background-image: url(/images/warning.png);
	position: relative;
}

/* notice area, error messages*/

div.warning,
div.notice {
    background: #ffc;
    border: 1px solid #ffd100;
    padding: 12px 8px 8px 8px;
	margin: 1em 0;
}

div.warning h2, 
div.notice h2 {
	margin-top: 0;
}

div.warning {
	border-color: #c00;
	color: #c00;
}

div#need2storyalert,
.error {
	background: #ffc;
	border: 1px dotted #c00;
	padding: 0.5em 0.5em 0.3em 0.5em;
	margin: 0 0 1em 0;
	color: #c00;
	xtext-align: center;
}
.error h2 {
	color: #f00;
	margin: 0.2em 0;
}
.error input {
    background: #ffc;
	 border: 1px solid red;
}

.errormsg {
    color: #d00;
}

p.error {
    margin: 0.5em 0;
}

/* layout */

div.col {
    position: relative;
    width: 370px;
    float: left; 
    margin: 0 36px 0 0;
}

div.col.last-child {
    margin-right: 0;
}

div.section {
	margin: 0 0 1em 0;
}

/*  Estimate page */

div.estimate_block{
	width : 255px;
	float : left;
	border : 0px solid #345;
}


div.estimate_block.full_line{
	width : 700px;
}
div.estimate_block.big{
	width : 500px;
}


div.estimate_block.last_block{
	margin-right: 0;
}

/* keyvalue tables */

table.keyvalue tbody {
	/* hacky solution to get a "margin", since the margin property doesn't apply */
	border-bottom: 1em solid #fff;
}

table.keyvalue tbody td,
table.keyvalue tbody th {
	text-align: left;
	border: 0;
	background: transparent;
	padding-left: 0;
	vertical-align: top;
}

table.keyvalue tbody th {
    width: 30%;
	font-weight: bold;
}

/* keyvalue table for estimate page*/

table.keyvalue_estimate tbody {
	/* hacky solution to get a "margin", since the margin property doesn't apply */
	border-bottom: 1em solid #fff;
}

table.keyvalue_estimate tbody td,
table.keyvalue_estimate tbody th {
	text-align: left;
	border: 0;
	background: transparent;
	padding-left: 0;
	vertical-align: top;
}

table.keyvalue_estimate tbody th {
        width: 45%;
	font-weight: bold;
}

table.keyvalue_estimate_brand tbody th {
        width: 70px;
	font-weight: bold;
	text-align : right;
	background-color : #fff;
	border : 0px;
	vertical-align : middle;
}
table.keyvalue_estimate_brand tbody td {
	width: 130px;
	background-color : #fff;
	border : 0px;
	vertical-align : middle;
}

div#series select{
	width : 130px;
}
div#brands select{
	width : 130px;
}

span.error_text{
	color : #ef0000;
}

.nl{
	white-space: nowrap;
	clear : both;
}


/* form layout */

div.field {
    position: relative;
    margin: 0 0 1em 0;
}

div.field label {
    position: relative;
    display: block;
    font-weight: bold;
}	


/* div.mine */

div.mine h2,
div.mine h3 {
	color: #000;
}

/* priority 1 */

tr.priority1 td, 
tr.priority1 td.last-child,
tr.priority1 th {
	border-color: #cee2be;
}

tr.priority1 td {
	background-color: #f0ffe4;
}

tr.priority1 th {
	background-color: #cee2be;
	border-color: #B2C3A4;
}

/* priority 2 */

tr.note td, 
tr.note td.last-child,
tr.note th,
tr.priority2 td, 
tr.priority2 td.last-child,
tr.priority2 th {
	border-color: #e8e8a4;
}

tr.note td,
tr.priority2 td {
	background-color: #ffc;
}

tr.note th,
tr.priority2 th {
	background-color: #e8e8a4;
	border-color: #cdcd91;
}

/* priority 3 */

tr.priority3 td, 
tr.priority3 td.last-child,
tr.priority3 th {
	border-color: #f0bb81;
}

tr.priority3 td {
	background-color: #ffd8ad;
}

tr.priority3 th {
	background-color: #f0bb81;
	border-color: #d3a471;
}

/* priority 4 */

tr.priority4 td, 
tr.priority4 td.last-child,
tr.priority4 th {
	border-color: #fa7652;
}

tr.priority4 td {
	background-color: #ff9e83;
}

tr.priority4 th {
	background-color: #fa7652;
	border-color: #d06244;
}

/* bounced */

tr.bounced th,
tr.bounced td.last-child,
tr.bounced td {
	border-bottom: 0;
	background-image: url(/images/black_bg.png) ;
	background-position: left top;
	background-repeat: repeat-x;
}



tr.bounced th {
}

/* Header
--------------------------------------------------*/

div#header {
	position:relative;
	background: #393939 url(/images/header.gif) left top repeat;
	border-bottom: 2px solid #777;
	height: 75px;
	overflow: visible;
}

div#headerwrap {
	position: relative;
	height: 75px;
	width: 776px;
	text-align: left;
	margin: 0 auto;
}

div#header h2#mr {
	margin: 0;
	position: absolute;
	left: -15px;
	top: 0;
	width: 270px;
	height: 70px;
	background: transparent url(/images/logo.gif) no-repeat left top;
	text-indent: -10000px;
}

div#header h2#mb {
	margin: 0;
	position: absolute;
	left: -15px;
	top: 0;
	width: 270px;
	height: 70px;
	background: transparent url(/images/logo2.gif) no-repeat left top;
	text-indent: -10000px;
}

div#header span,
div#header a {
	color: #fff;
}

div#header a:hover {
	background-color: transparent;
	color: #ffc;
}

ul#nav {
	position: absolute;
	bottom: 2px;
	right: 0;
}

ul#nav li {
	float: left;
	margin: 0 0 0 1em;
}

ul#nav li span {
	color: #ff0;
	border-bottom: 4px solid #fff;
	padding-bottom: 2px;
}

div#auth {
	position: absolute;
	right: 0;
	top: 20px;

}

div#auth a#user {
	font-weight: bold;
}	

div#auth a#user:hover {
	background-color: transparent;
}


/* Call Form
--------------------------------------------------*/

div.crossstreets,
div.streetaddress,
div.citystate {
	position: relative;
	width: 167px;
	float: left;
	margin: 0 12px 0 0;
}

div.crossstreets,
div.streetaddress {
	margin-right: 0;
}

div.crossstreets {
	margin: 0.5em 0 0 0;
}

div.citystate div {
	float: left;
	margin: 0 1em 0 0;
}

div.citystate div.city {
	margin: 0 0 0.5em 0;
}

div.citystate div.state {
	clear: left;
}

div.crossstreets input,
div.streetaddress input,
div.citystate input {	
	width: 90%;
}

div.streetaddress input {
	margin: 0 0 5px 0;
}



textarea.notes {
	width: 97%;
	height: 15em;
}

tr.phone-ext input.number {
}

tr.phone-ext input.extension {
	width: 3em;
}



/* Jobs List
--------------------------------------------------*/

th.date_time {
	width: 5em;
	text-align: center;
}

th.date_time span.day,
th.date_time span.time {
	display: block;
}

th.date_time span.day {
	font-weight: normal;
	color: #666;
}


td.date_time,
td.estimate_status,
td.estimator {
	padding-top: 4px;
	padding-bottom: 4px;
}


div.estimator {
	position: relative;
	width: 250px;
	margin: 0 0 12px 13px;
	float: left;
}

div.estimator.rowstart {
	position: relative;
	clear: left;
	margin-left: 0;
}

div.estimator h2 {
	margin-top: 0;
}

/* controls */

td.controls input.text {
	position: relative;
	width: 6em;
}


td.controls div.status select,
td.controls div.status input {
	float: left;
}

td.controls div.bounce {
	clear: both;
}

td.controls input.submit,
td.controls input.button {
	margin: 1px;
}

span.example {
	color: #666;
}	

/* User Management
--------------------------------------------------*/

input.short {
	width: 8em;	
	margin: 0 0.5em 0 0;
}

/* Event Log
--------------------------------------------------*/

table.event_log th,
table.event_log td {
	vertical-align: middle;
}

table.event_log td.person {
	font-weight: bold;
	padding-left: 8px;
	width: 9em;
}

table.event_log textarea {
	margin-top: 5px;
}

table.event_log input {
	margin-bottom: 4px;
}

table.event_log span.note {
	background-color: #ffc;
}


/* Brands 
 -------------------------------------------------------- */
 .small_error{
 color : #fe0000;
 }
 
 .brand_seies{
	 margin-left : 20px;
	 width : 400px;
 }
 .serie_item{
	 float : left;
	 width : 100px;
 }
 
 
 
 /*
 Call back form
 -----------------------------------------------------*/
 
 .job_for_callback{
	 padding : 5px;
 }
 
.selected{
	 padding : 5px;
	 background-color : #ccc;
 }
 
 .jobs_for_callback{
	 height : 100px;
	 overflow:auto;
 }
hr.n{
	 height : 1px;
 }
 
 .callback_short{
}


.short_callback{
	border : 0px;
}

table.short_callback th{
	border : 0px;
	border-bottom : 1px solid #ccc;
	background-color : #fff;
}

table.short_callback td{
	vertical-align : top;
}

table.short_callback tr:hover td{
	background-color : #FDFFD9;
}