/* ------------------------------- */
/*    Using Yahoo CSS Reset        */
/* ------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
	color: #413F3F;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* ------------------------------- */ /*    Basic Layout		           */
/* ------------------------------- */
.clear {
	clear: both;
}

.clearer {
	clear: both;
	float: none;
	display: none;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Defining input types */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D7D7D7;
	background: url(../img/bgInput.gif);
}

select {
	background: transparent url("../img/bgInput.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D7D7D7;
	height: 20px;
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 0px;
	color: #413F3F;
}

input[type='text'],input[type='password'] {
	height: 16px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	width: 164px; /* THIS WILL CHANGE, DIFERENT ON DIFERENT PAGES */
}

input[type='submit'],input[type='button'] {
	background-color: #ffffff;
	height: 18px;
	padding-left: 7px;
	padding-right: 7px;
	*padding-left: 1px;
	*padding-right: 1px;
}

input[type='radio'],input[type='checkbox'] {
	border: none;
	border: none;
	margin-left: -4px;
	width: 19px;
	height: 15px;
	vertical-align: top;
	margin-right: 2px;
	background: none;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D7D7D7;
}

a {
	color: #D1050C;
	text-decoration: none;
}

a:link,a:visited,a:hover,a:active {
	color: black;
	text-decoration: none;
}

/* rounded buttons */
.roundedButton {
	display: inline;
	list-style: none;
}

.roundedButton a {
	display: block;
	float: left;
	height: 20px;
	border: medium none;
}

.roundedButton a span {
	cursor: pointer;
	display: inline;
	float: left;
	height: 16px;
	padding: 3px 9px 1px 0;
	margin-left: 10px;
}

.roundedButton a:hover {
	background-position: left bottom;
	color: #413F3F;
}

.roundedButton a:hover span {
	background-position: right bottom;
}

/*rounded big buttons*/
.roundedBigButton {
	display: inline;
	list-style: none;
}

.roundedBigButton a {
	display: block;
	float: left;
	height: 30px;
}

.roundedBigButton a span {
	cursor: pointer;
	display: inline;
	float: left;
	height: 23px;
	padding: 6px 9px 1px 0;
	margin-left: 10px;
	font-size: 15px;
}

.roundedBigButton a:hover {
	background-position: left bottom;
	color: #413F3F;
}

.roundedBigButton a:hover span {
	background-position: right bottom;
}

.cancelButtonJobwinner,cancelButtonNew {
	color: #FFFFFF;
	border: medium none;
	background-image: url("../img/button_cancel.png");
	background-color: transparent;
	display: inline-block;
}

.dark a span,.white a span,.brown a span,.light a span,.hell a span,.big a span
	{
	color: #ffffff;
}

.dark a {
	background: transparent url(../img/buttons-light_red.png) no-repeat top
		left;
}

.dark a span {
	background: transparent url(../img/buttons-light_red.png) no-repeat
		right top;
}

.white a {
	background: transparent url(../img/buttons-light_red.png) no-repeat top
		left;
}

.white a span {
	background: transparent url(../img/buttons-light_red.png) no-repeat
		right top;
}

.brown a {
	background: transparent url(../img/buttons-light_red.png) no-repeat top
		left;
}

.brown a span {
	background: transparent url(../img/buttons-light_red.png) no-repeat
		right top;
}

.light a {
	background: transparent url(../img/buttons_lightgrey_red.png) no-repeat
		top left;
}

.light a span {
	background: transparent url(../img/buttons_lightgrey_red.png) no-repeat
		right top;
}

.big a {
	background: transparent url(../img/buttons_lightgrey_red_big.png)
		no-repeat top left;
}

.big a span {
	background: transparent url(../img/buttons_lightgrey_red_big.png)
		no-repeat right top;
}

.hell a {
	background: transparent url(../img/buttons-light_hell_grey.png)
		no-repeat top left;
}

.hell a span {
	background: transparent url(../img/buttons-light_hell_grey.png)
		no-repeat right top;
}

/* rounded inputs buttons  */ /*   	a => div 		*/ /*   span => input		*/
/* 	roundedButton  => roundedInput      */
div.roundedInput,div.redButton,div.cancelButtonJobwinner,div.cancelButtonNew
	{
	background-position: left -42px;
	padding: 0px 0;
	text-decoration: none;
}

div.roundedInput,div.redButtonPhoto {
	background-position: left -42px;
	padding: 0px 0;
	text-decoration: none;
	margin-left: 16px;
}

/* The cancel-button css is not yet used, but it will be used after jobwinner launch! */
/* The css is correct and better than the old one. */
.cancel-button {
	background: transparent no-repeat scroll url(../img/button_cancel.bmp)
		right top;
	border: medium none;
	color: #ffffff;
	height: 20px !important;
	margin: 0 0 0 7px !important;
	padding: 0 7px 0 0 !important;
}

.cancel-button:hover {
	background-position: right -21px;
}

.cancel-button-left {
	background: transparent no-repeat scroll url(../img/button_cancel.bmp)
		left top;
	display: inline-block;
}

.cancel-button-left:hover {
	background-position: left -21px;
}

/* end of not yet used code. */
.roundedInput,.roundedInput input,.redButton,.redButton input {
	border: none;
	background-color: transparent;
	background-image: url(../img/red_bttn.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	color: #ffffff;
	text-align: left;
}

.cancelButtonJobwinner,.cancelButtonJobwinner input,.cancelButtonNew,.cancelButtonNew input
	{
	border: none;
	background-color: transparent;
	background-image: url(../img/button_cancel.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	color: #ffffff;
	text-align: left;
}

div.roundedInput input,div.redButton input,div.cancelButtonJobwinner input,div.cancelButtonNew input
	{
	background-position: right top;
	height: 20px;
	margin-left: 7px !important;
	*margin-left: 3px !important;
	padding: 2px 6px 4px 0;
	*padding: 3px 10px 3px 6px;
	*overflow: visible;
	margin-top: 0px !important;
}

div.roundedInput:hover input,div.redButton:hover input,div.cancelButtonJobwinner:hover input,div.cancelButtonNew:hover input
	{
	background-position: right -21px;
}

div.roundedInput:hover,div.redButton:hover,div.cancelButtonJobwinner:hover,div.cancelButtonNew:hover
	{
	background-position: left -63px;
}

.roundedInput,.roundedInput input,.redButtonPhoto,.redButtonPhoto input
	{
	border: none;
	background-color: transparent;
	background-image: url(../img/red_bttn.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	color: #ffffff;
	text-align: left;
}

div.roundedInput input,div.redButtonPhoto input {
	background-position: right top;
	height: 20px;
	margin-left: 7px !important;
	*margin-left: 3px !important;
	padding: 2px 6px 4px 0;
	*padding: 3px 10px 3px 6px;
	*overflow: visible;
	margin-top: 0px !important;
}

div.roundedInput:hover input,div.redButtonPhoto:hover input {
	background-position: right -21px;
	background-color: transparent;
}

div.roundedInput:hover,div.redButtonPhoto:hover {
	background-position: left -63px;
}

.mag {
	background-image: url(../img/red_bttn_magnifier.png);
}

div.mag input {
	margin-left: 25px !important;
	*margin-left: 21px !important;
}

.rich-mpnl-body {
	padding: 12px;
}

.styledradio {
	border: none;
	margin-left: -4px;
	width: 19px;
	height: 15px;
	/* background: url(checkbox.gif) no-repeat; */
	/* padding: 0 5px 0 0; */
}

.styledcheck {
	border: none;
	margin-left: -4px;
	width: 19px;
	height: 15px;
	/* background: url(checkbox.gif) no-repeat; */
	/* padding: 0 5px 0 0; */
}

.styledCursor,.radioStyledCursor tbody tr td label {
	cursor: pointer;
}

.messageColor {
	color: red;
}

.alignRight {
	align: right;
}

.bold {
	font-weight: bold;
}

.displayNone {
	display: none;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.marginTop {
	margin-top: 0;
}

.paddingNone {
	padding: 0;
}

.clearMarginLeft {
	margin-left: 0 !important;
}

.borderNone {
	border: none;
}

.clearMarginTop {
	margin-top: 0;
}

.nowrap {
	white-space: nowrap;
}

.grey {
	color: grey;
}

.clearTextDecoration {
	text-decoration: none;
}

.fontSizeLarge {
	font-size: large;
}

.overFlowAuto {
	overflow: auto;
}

.italic {
	font-style: italic !important;
}

.separatorBackground {
	background: transparent !important;
}

.templateSortLinkColor {
	color: #413F3F !important;
}

.templatePagerInput {
	width: 18px !important;
	height: 12px !important;
	padding: 0 !important;
	font-size: 10px !important;
}

.templateSortTitle {
	margin-left: 8px !important;
	color: #413F3F !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.textLeft {
	text-align: left;
}

.givemesomemargin {
	margin-top: 5px;
}

.footerColor {
	color: #D1050C !important;
}

.phoneNumberValidation {
	border-color: #820505;
}

.emItalic em {
	font-style: italic;
}