body 
{
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

td 
{
	font-size: 12px;
}

h1  
{
	MARGIN-TOP: 0px; 
	FONT-SIZE: 15px; 
	MARGIN-BOTTOM: 4px; 
	COLOR: #EF6D00; 
	font-weight: bold;
}
h2  
{
	MARGIN-TOP: 0px; 
	FONT-SIZE: 12px; 
	MARGIN-BOTTOM: 4px; 
	COLOR: #EF6D00;  
	font-weight: bold;
}
a:link 
{
	color: #EF6D00;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a:hover 
{
	color: #666666;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
a:visited 
{
	color: #666666;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;

}
.button 
{
	background:#EF6D00;
	color:white;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	border-width:1px;
}
input
{
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	font-family: verdana;
	border: 1px solid; 
	font-weight: normal;

}
.inputbox 
{  
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	font-family: verdana;
	border: 1px solid; 
	font-weight: normal;
}

.state_inputbox 
{
	width: 120px;
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	font-family: verdana;
	border: 1px solid; 
	font-weight: normal;
}

.boxlabel 
{
	font-family: verdana;
	font-weight: bold;
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle; 
	width: 100px;
}

.boxtext 
{
	font-family: verdana;
	vertical-align: middle; 
	width: 350px;
}

.boxseparator 
{
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 10px;
	background:#EF6D00;
	font-weight: bold;
	color: #ffffff;
}

.boxtable 
{
	background-color: #EF6D00;
	COLOR: #000000; 
}

.boxtable th 
{ 
	COLOR: #FFFFFF; 
	font-weight:bold; 
	padding:4px ; 
	background:#EF6D00; 
	text-align:left;
	background: url('http://www.codermall.com/images/th-background.png') repeat-x center;
}
.boxtable td 
{ 
	COLOR: #000000; 
	background: #ffffff; 
	padding:4px ;
}

.register_box 
{
	border: 1px solid #EF6D00;
}

.upload_file_td input 
{
	font-size: 11px; 
	color: #000000; 
	background-color: #ccccc; 
	font-family: verdana;
	border: 1px solid; 
	font-weight: normal;
}
.upload_file 
{
	border:1px solid black;
	color:red;
	padding:5px;
	background:#fff;
	font-size:x-small; 
	width:380px
}
.upload_file input 
{

	font-size: 11px; 
	color: #000000; 
	margin-right:px;
	background-color: #ccccc; 
	font-family: verdana;
	border: 1px solid; 
	font-weight: normal;
}

input 
{
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.px 
{
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}

.titlew 
{
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.titleb 
{
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 25px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.t01 
{
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.t01 a 
{
	color : #EF6D00;
}
.t01 a:hover 
{
	color : #C25A02;
}
.right 
{
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right b 
{
	color : #EF6D00;
}
.right a 
{
	color : #003C5E;
}
.right a:hover 
{
	color : #000000;
}
.left 
{
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left a 
{
	color : #FFFFFF;
}
.left a:hover 
{
	color : #000000;
}

.menu 
{
	color : #9A9A9A;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu a 
{
	color : #9A9A9A;
	text-decoration: none;
}
.menu a:hover 
{
	color : #294A7B;
}
.smallredfont 
{

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}
/*adde by johnny november 07*/
#log_res.ajax-loading 
{
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
#project.ajax-loading 
{
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
.basic_bot_background
{
	background:url('http://www.codermall.com/images/bg.gif');
}
.basic_lft_bground
{
	background:url('http://www.codermall.com/images/bg_left.gif');
}
.basic_rgt_bground
{
	background:url('http://www.codermall.com/images/bg_right.gif');
}
.our_logo
{
	width:220px;
	height:100px;
	
	background:url('http://www.codermall.com/images/logo-christmas.png') no-repeat;
}
.coder_hr
{
	width:220px;
	height:16px;
	background:url('http://www.codermall.com/images/fon00.gif') no-repeat;
}
.top_header_bg
{
	margin-left:380px;
	margin-bottom:56px
	width:559px;
	height:64px;
	background:url('http://www.codermall.com/images/top03-01.gif') no-repeat;
}
.top_header_bg2 /*header.php*/
{
	margin-left:380px;
	margin-bottom:56px
	width:559px;
	height:108px;
	background:url('http://www.codermall.com/images/top03.gif') no-repeat;
}
.coder_hr_btn
{
	width:220px;
	height:16px;
	background:url('http://www.codermall.com/images/fon03.gif') no-repeat;
}
.coder_hr_btn2
{
	width:559px;
	background:url('http://www.codermall.com/images/fon03.gif') no-repeat;
}
.copyright
{
	font-size:10px; 
	height:25px; 
	padding-top:10px
}
.lhs_bgrd
{
	background:url('http://www.codermall.com/images/bar012.gif');
}
.btn_1
{
	font-size:14px;
	font-family: Arial Verdana;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	width:93px;
	height:18px;

	background:url('http://www.codermall.com/images/but1_bg-new.gif');
}
.btn_2
{
	font-size:14px;
	font-family: Arial Verdana;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	width:93px;
	height:18px;
	background:url('http://www.codermall.com/images/but2_bg-new.gif');
}
.btn_3
{
	font-size:14px;
	font-family: Arial Verdana;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	width:93px;
	height:18px;
	background:url('http://www.codermall.com/images/but3_bg-new.gif');
}
.btn_4
{
	font-size:14px;
	font-family: Arial Verdana;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	width:93px;
	height:18px;
	background:url('http://www.codermall.com/images/but4_bg-new.gif');
}
.btn_5
{
	font-size:14px;
	font-family: Arial Verdana;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	width:93px;
	height:18px;
	background:url('http://www.codermall.com/images/but5_bg-new.gif');
}
.booknote
{
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	width:12px;
	height:14px;
	background:url('http://www.codermall.com/images/e03.gif') no-repeat;
}
.bottom_bar
{
	background:url('http://www.codermall.com/images/bar03-2.gif');
}

/*tool tips in assignment-detail.php*/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #e1771e;
	padding: 8px 8px 4px;
	background: url(http://www.codermall.com/images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://www.codermall.com/images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/*panel style - freelancer*/
#newLHS {
	margin: 0;
	padding: 0;
	border: 0;
}

#newLHS li 
{
	display: block;
	margin: 0;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	width: 200px;
	background: #CCC;
	color: #ef6d00;
}
#newLHS li a
{
	text-decoration:none;
}
#newLHS li a:hover
{
	font-weight:bold;
	color:white;
}

/*fancy upload bar*/
.photoupload-queue
{
	list-style:none;
}
.photoupload-queue li
{
	background:url('http://www.codermall.com/imagesphoto_upload.png') no-repeat 0 5px;
	padding:	5px 0 5px 22px;
}

.photoupload-queue .queue-file
{
	font-weight:bold;
}

.photoupload-queue .queue-size
{
	color:	#aaa;
	margin-left:1em;
	font-size:0.9em;
}

.photoupload-queue .queue-loader
{
	position:	relative;
	margin:3px 15px;
	font-size:0.9em;
	background-color:#ddd;
	color:	#fff;
	border:1px inset #ddd;
}
.photoupload-queue .queue-subloader
{
	text-align:center;
	position:absolute;
	background-color:#81B466;
	height:100%;
	width:0%;
	left:0;
	top:0;
}

.photoupload-queue .input-delete
{
	width:16px;
	height:16px;
	background:url('http://www.codermall.com/images/delete.png') no-repeat 0 0;
	text-decoration:none;
	border:none;
	float:right;
}


/*calendar starts*/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

input.dashboard,
select.dashboard {

}

button.dashboard {
	background: url(http://www.codermall.com/images/dashboard-icon.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}


div.dashboard {
	background: url(http://www.codermall.com/images/dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}		
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}
/*calendar ends*/

/*article comments*/
.comments{
	color: #e1771e;
	font-size: 10px;

}
.comment_bg{
	background:url('http://www.codermall.com/images/comment.gif') no-repeat center;
}
.icon-programmer{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-programmer.png') no-repeat center;
}
.icon-web-designer{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-web-designer.png') no-repeat center;
}
.icon-graphic-artist{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-graphic-artist.png') no-repeat center;
}
.icon-writer{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-writer.png') no-repeat center;
}
.icon-accountant{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-accountant.png') no-repeat center;
}
.icon-translator{
	padding: 2px;
	float:left;
	width:24px;
	height:24px;
	background: url('http://www.codermall.com/images/icon-translator.png') no-repeat center;
}

/*error box*/
.statusmessagebox 
{ 
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;
  border-top-color: #d7d7d7;  
  border-right-color: #d7d7d7;  
  border-bottom-color: #d7d7d7;  
  border-left-color: #d7d7d7;
  background-color: transparent;  
  background-repeat: repeat;  
  background-attachment: scroll;
  background-x-position: 0%;  
  background-y-position: 0%;  
}
.errorbox
{position: relative;background-color: #f0f0f0;}

.errorbox h2{
	font-family:Verdana;
	font-size: 16px;
	color: #eb0000;
	padding-top:5px;
}

.boxcontent{  
	position: relative; 
	font-family: Verdana;
	font-weight:bold;
	font-size: 11px;
	padding-bottom:10px;
}

.boxtable  .result_body td
	{ background-color: #f7eebe; padding: 3px; color: #000000; text-align: left}
.boxtable  .result_body2 td
	{ background-color: #fae373; padding: 3px; color: #000000; text-align: left}