@charset "utf-8";
/**
 * @name        Task Rabbit Clone.
 * @version		1.0: trclone.css$
 * @since       Joomla 1.5
 * @package		apptha
 * @subpackage	com_taskrabbitclone
 * @author      vasanth
 * @copyright   Copyright (C) 2011 powered by Apptha
 * @license     GNU/GPL http://www.gnu.org/copyleft/gpl.html
 */
body { position: relative; }
.formmain { margin-bottom: 10px; }
.orderbox { height: 17px }
.floatleft { float: left; }
.floatright { float: right; }
h1 img { vertical-align: middle }
h1 {
	color: #444;
	font-size: 18px;
	margin: 5px 0
}
h1 a { color: #07B }
h2 {
	color: #333;
	font-size: 14px;
	margin: 0 5px
}
.detailpage li {
	list-style-type: none;
	width: 200px;
	font-size: 12px;
}
.detailpage img {
	border: 1px solid #B6CCE4;
	padding: 1px;
}
.detailpage input[type=text], input[type=password], textarea { width: 100%; }
/* Login page css */
.lable-txt {
	font-size: 12px;
	color: #575757;
	font-family: 'Arial';
	text-align: left;
	font-weight: 700;
}
.logintxt {
	float: left;
	padding: 15px 0 0 0;
}
.login-inputbox {
	border: 1px solid #ccc;
	width: 290px !important;
	font-size: 12px;
	color: #333;
	text-align: left;
	padding: 3px;
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 22px;
	width: 100%;
	-webkit-box-shadow: inset 0 1px 2px #d9d9d9;
	-moz-box-shadow: 1px 1px 2px 1px #f2f2f2 inset;
	box-shadow: inset 0 1px 2px #d9d9d9;
}
.usertr { padding-bottom: 5px; }
.input { padding: 5px; }
.profile {
	margin-bottom: 10px;
	width: 100%;
}
.profile-txt {
	width: 157px;
	padding: 0 5px 5px 5px;
	font-size: 13px;
	font-weight: 700;
}
.profile-txt span {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #093E72 !important;
}
.profile-details {
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	padding-left: 10px;
}
.dash { }
.rabbitform ol {
	list-style-type: none;
	padding-bottom: 10px;
}
.rabbitform li {
	padding: 3px;
	width: 200px;
	font-size: 12px;
}
.datebox {
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 22px;
	width: 50%;
	-webkit-box-shadow: inset 0 1px 2px #d9d9d9;
	-moz-box-shadow: 1px 1px 2px 1px #f2f2f2 inset;
	box-shadow: inset 0 1px 2px #d9d9d9;
}
.inputbox {
	padding: 4px !important;
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 22px;
	-webkit-box-shadow: inset 0 1px 2px #d9d9d9;
	-moz-box-shadow: 1px 1px 2px 1px #f2f2f2 inset;
	box-shadow: inset 0 1px 2px #d9d9d9;
	margin-left: 0px;
}
.inputbox-select option { margin: 3px 0 0 5px; }
.clear { clear: both; }
#city { width: 146px }
.submit {
	float: right;
	padding-right: 140px;
}
.editpro {
	clear: both;
	float: left;
	padding-bottom: 5px;
}
.editpro img {
	float: left;
	padding-right: 5px;
}
.editpro a {
	float: left;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.editpro a:hover {
	text-decoration: none;
	color: #BB1B1B;
}
.profilecore-details {
	float: left;
	margin-right: 10px;
	width: 97%;
	padding: 10px;
}
.users-profile-cutom { float: left; }
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	visibility: hidden;
}
.clear { clear: both; }
.list {
	font-size: 12px;
	font-family: 'arial';
	text-align: left;
	line-height: 18px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 8px;
}
.task-heading a { font-size: 15px; }
.contentleft i {
	color: #BB1B1B;
	font-size: 12px;
}
.list h2 {
	font-weight: bold;
	margin: 0 0 5px 0;
}
.list h2 a {
	font-weight: bold;
	color: #fff;
}
.taskvalue { color: #FF6600; }
.rabbitspan { color: #ADA097; }
.taskdatevalue { color: #F96; }
.rabbitaction { float: right; }
.dash-icon { float: right; }
.redalert {
	float: left;
	padding: 0 5px 0 0;
}
.task {
	font-size: 12px;
	font-weight: 700
}
.admintable { line-height: 20px; }
.rabbitform-txt {
	padding: 6px 0;
	font-size: 14px;
	color: #136AA5;
	font-weight: 700;
}
.rabbitform-txt p {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
}
.rabbitcatogory {
	float: left;
	padding: 5px;
}
.rabbitcatogory label { padding-left: 5px; }
.editmenu {
	padding: 0 5px;
	float: left;
}
.detailpage { line-height: 19px; }
.detailpage dt div {
	width: 38%;
	float: left;
	text-align: left;
}
.datebox {
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 22px;
	width: 34% !important;
	-webkit-box-shadow: inset 0 1px 2px #d9d9d9;
	-moz-box-shadow: 1px 1px 2px 1px #f2f2f2 inset;
	box-shadow: inset 0 1px 2px #d9d9d9;
}
.dash-left {
	padding: 10px;
	float: left;
	width: 90%;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
}
.dash-left legend {
	background: #75C6EC;
	padding: 10px 0 5px 10px;
	width: 97%;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
.dash-right {
	float: left;
	width: 45%;
	margin: 0 0 10px 45px;
	border: 1px solid #CCC;
	padding: 10px;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
}
.dash-right legend {
	background: #75C6EC;
	padding: 10px 0 5px 10px;
	width: 97%;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
.dash-full {
	float: left;
	width: 98%;
	margin: 0 0 10px 0px;
	border: 1px solid #CCC;
	padding: 10px;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
}
.dash-full legend {
	background: #75C6EC;
	padding: 10px 0 5px 13px;
	width: 98%;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	padding-bottom: 5px;
}
.dash-full ul li {
	float: left;
	padding: 5px 5px;
}
.detailpage-tr {
	background: #E3EEF3;
	width: 100%;
}
users-profile-menu { width: 100%; }
.users-profile-menu legend {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding-bottom: 5px;
}
.profilecore-details legend {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding-bottom: 5px;
}
.users-profile-core legend {
	font-weight: bold;
	color: black;
	font-size: 14px;
	padding-bottom: 5px;
}
.limit {
	font-size: 13px;
	color: #608D08;
	font-weight: 700;
}
.limit select { margin-left: 5px; }
.detailpage dt {
	font-size: 14px;
	color: #136AA5;
	font-weight: 700;
}
.dashboard-editpro {
	clear: both;
	float: left;
	padding: 5px 0 5px 5px;
	width: 98%;
	background: #E3EEF3;
	margin-top: 2px;
}
.dashboard-editpro img {
	float: left;
	padding-right: 5px;
}
#users-profile-core legend {
	font-weight: bold;
	color: #245581;
	font-size: 23px;
	padding: 5px 0 5px 0px;
	background: #F7F7F7;
	width: 100%;
}
#rabbit-profile-form legend {
	font-weight: bold;
	color: #245581;
	font-size: 15px;
	padding: 5px 0 5px 0px;
	background: #F7F7F7;
	width: 100%;
}
#list-page {
	width: 83%;
	float: left;
}
#list-menu {
	width: 15%;
	float: left;
	margin: 0px 0 0 15px;
}
#list-page span { color: #E16302; }
#list-page img {
	border-radius: 5px;
	margin: 5px 10px;
}
#list-page span img {
	margin: 0px;
	padding: 0px;
}
#list-page i img {
	margin: 8px 0 0 0;
	padding: 0px;
	float: none;
}
#list-page p { margin-left: 70px; }
#list-page ul li {
	float: left;
	margin: 5px;
}
#list-page h4 img {
	float: right;
	margin: 0px 2px;
}
#list-page h4 a { text-decoration: none; }
#list-menu h2 {
	background: none;
	border: none;
	color: #476587;
	margin: 0 0 2px 0;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0;
}
#list-menu a { color: #06C; }
#list-title { margin-bottom: 20px; }
#list-title h4 {
	background: none;
	border: none;
	color: #476587;
	margin: 0 0 2px 0;
	line-height: 18px;
	font-size: 23px;
	font-weight: bold;
	padding-left: 0;
}
#taskListMenu { padding: 15px 0; }
#taskListMenu li {
	float: left;
	margin: 0 25px 0 0px;
	font-size: 15px;
}
#taskListMenu .active a {
	color: #000;
	text-decoration: underline;
}
#reviewaction img { }
.tast-edit {
	border: 1px solid #CCC;
	padding: 5px;
}
.tast-edit legend {
	font-size: 14px;
	font-weight: 700;
	padding: 10px;
}
#rabbitprofile {
	width: 100%;
	padding-bottom: 12px;
	padding-top: 8px;
}
#rabbitprofile p { margin-left: 110px; }
#rabbitprofile ul li { color: #E16302; }
#rabbitprofile img { margin: 0px 10px 0 0px; }
#rabbitprofile h4 a { font-size: 14px; }
#rabbitprofile h1 { margin: 0px; }
#rabbitprofile h1 a { font-size: 18px; }
#rabbitprofile label {
	width: 97px;
	display: block;
	color: #999;
	margin: 0 6px;
	float: left
}
#rabbitprofile span {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 225px;
}
#rabbitprofile .rabbitcontacts { margin-top: 10px; }
.empty {
	margin: 14px auto;
	font-size: 20px;
	color: #CCC;
	font-weight: bold;
	text-align: center;
}
.paymentReview {
	border: 1px solid;
	border-color: inherit;
	width: 100%;
	margin-top: 10px
}
.errorcss {
	color: red;
	text-align: left;
	font-size: 14px !important;
	font-family: Arial;
	font-weight: bold;
}
/*** Map Css ***/
#map {
	width: 100%;
	height: 230px;
	float: left
}
#sideBar {
	overflow: auto;
	width: 20%;
	height: 500px;
	text-align: center;
	background: #fff;
	float: right
}
#sideBar ul li .clscontentleft {
	float: left;
	margin-right: 10px;
}
/*        #sideBar ul li{padding: 2px 2px 0 2px; border-bottom: 2px solid #D0C8CC; min-height: 75px;}*/
ul li .clscontentright { width: 100% }
.clsfullmap .clscontentright { width: 50% }
.clsfullmap .clscontentright p { width: 50% }
ul li .clscontentright p { color: #000 }
ul li .clscontentright span { font-style: italic; }
ul li .clscontentright h3 {
	color: #476587;
	margin: 0px;
	padding: 0px;
}
#sideBar div { cursor: pointer }
#buttons {
	clear: both;
	text-align: center
}
/* clicked items get this class */
	
	/* While AJAX loads, a message appears. Use this class to style that message. ALWAYS have: position:relative; display:none; */
.bMapLoadMsg {
	position: relative;
	display: none;
	background: #fff;
	opacity: 0.8;
	padding: 10px;
	width: 200px;
	text-align: center;
	border: 2px solid #000;
}
#sideBar ul li {
	z-index: 7;
	position: relative; /* place on top of gradient elements */
	position: relative;
	padding: 2px 2px 0 2px;
	border-bottom: 2px solid #D0C8CC; /* profile image plus runner level badge */
	list-style-type: none;
	cursor: pointer;
}
#sideBar ul li .clsmap {
	z-index: 7;
	position: relative;
	margin: 6px 13px 6px 3px;
}
.bSideSelect ul li {
	padding: 0;
	border: 2px solid #06C !important;
	border-image: initial;
}
/*** Changes ***/
.clstaskamt label {
	width: 50%;
	display: block;
	float: left
}
.clstaskamt input {
	float: left;
	display: block;
	width: 20% !important
}
.clstaskamt .errorcss { display: block }
#the-rest h2 {
	clear: both;
	color: #AD752A;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
#the-rest ul.category-lists {
	list-style: none outside;
	position: relative;
	z-index: 0;
	float: left;
	padding: 0 12px;
	width: 98%;
}
#the-rest ul.category-lists li {
	float: left;
	margin: 0 9px;
	padding: 2.5em 0 2em;
	width: 18%;
}
#the-rest ul.category-lists li strong { font-size: 1.133333333333em; }
#the-rest ul.category-lists li ul.tag-lists {
	list-style: none outside;
	position: relative;
	z-index: 0;
	float: left;
	margin: 10px 0 0 0;
	width: 87%;
}
#the-rest ul.category-lists li ul.tag-lists li {
	float: none;
	padding: 0;
	list-style: none;
	width: 90% !important;
	list-style: none;
	text-decoration: none;
	margin-left: 20px;
}
strong { font-weight: bold; }
#the-rest ul.category-lists li li a {
	color: #676767;
	display: block;
	text-decoration: none;
	line-height: 22px;
}
#the-rest ul.category-lists li li a:hover { }
#the-rest hr {
	clear: both;
	overflow: hidden;
}
.top-head {
	background: #E0E0E0;
	border-radius: 4px;
	padding: 4px 8px 4px 8px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.top-head a {
	color: #676767;
	text-decoration: none;
	font-size: 14px;
	font-family: "Trebuchet MS";
}
.top-head strong {
	margin-left: 12px!important;
	line-height: 30px!important;
}
.more {
	margin: 6px 0 0 21px;
	float: left;
}
.more a {
	color: #af7a15;
	text-decoration: none;
}
.more a:hover { text-decoration: underline; }
.post-link { }
.post-link a {
	color: #676767;
	text-decoration: none;
	font-size: 16px;
}
.post-link a:hover { text-decoration: underline; } 


/** #map div div div div div div{width:400px !important;}**/