@charset "utf-8";
/*  
	CSS Document
	Project : MatchMatrix
	File 	: common-base.css
	Date 	: 14/11/12(dd-mm-yy)
	Author  : Ganesh (ganesh@digitalbrandgroup.com)
*/

/*-------- Typography --------*/

h2.blueHead {
	background: url(../images/common/blueHeadBg.jpg) 0 0 repeat-x;
	padding-left: 20px;
	line-height: 34px;
	color: #fff;
	font-size: 15px;
	font-family: 'HelveticaNeue-Bold';
	border-radius: 4px 4px 0 0;
}
.font11px {
	font-size: 11px;
}
.font12px {
	font-size: 12px;
}
.font14px {
	font-size: 14px;
}
.font18px {
	font-size: 18px;
}

/*-------- Layout --------*/

body {
	background: url(../images/common/bg.jpg) 0 0 repeat;
}
#wrapper {
	height: auto;
	width: 100%;
	overflow: hidden;
	background: url(../images/common/headerBg.jpg) 0 0 repeat-x;
}
.container {
	width: 940px;
	height: auto;
}
.content {
	min-height: 500px;	
}

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

header {
	height: 95px;
	border-bottom: 1px solid #e2e2e2;
}
h1.logo a {
	background: url(../images/common/logo.jpg) 0 0 no-repeat;
	width: 251px;
	height: 56px;
}

/*-------- Login Page --------*/

.loginWrap {
	width: 260px;
	padding: 65px 40px 70px 40px;
	border-radius: 4px;
	border: 1px solid #e2e1e1;
	background: #fff;
}
.loginWrap ul li input[type="text"], .loginWrap ul li input[type="password"] {
	width: 250px;
}
input[type="text"], input[type="password"]{
	padding: 0 5px;
	height: 28px;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	color: #717171;
	position: relative;
}
.IE input[type="text"], .IE  input[type="password"]{
	line-height: 28px;
}

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

.addUser li {
	padding: 5px 0 10px 0;
}
.userTable {
	border: 1px solid #c9c9c9;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
}
.userTable td {
	vertical-align: top;
}
.userTable td.center {
	vertical-align: middle;
}
.userTable td.borderRight {
	border: 1px solid #c9c9c9;
}
.menuRatingList li {
	background: #f9f9f9;
	border-radius: 6px;
	border: 1px solid #d3d3d3;
	padding: 8px 3px 3px 3px;
	overflow: hidden;
	margin-bottom: 10px;
	width: 465px;
	position: relative;
	float: left;
}
.menuRatingList li.first  {
	background: none;
	border: 0 none;
	margin-bottom: 3px;
	width: 265px !important;
}
.editMenuRatingList {
	position: relative;
	top: -26px;
	left: 2px;
	width: 475px;
}
.userManagementWrap {
	height: auto;
	background: #fff;
	float: left;
}
.userManagementRawWrap {
	border-bottom: 1px solid #c9c9c9; 
	border-left: 1px solid #c9c9c9; 
	border-right: 1px solid #c9c9c9;
	float: left;
	width: 938px;
}
.userManagementRawWrap.even {
	background: url(../images/common/tableRawBg.jpg) 0 bottom repeat-x #fff; 
}
.userManagementName {
	width: 12%;
	padding: 13px 1% 14px 2%;
}
.userManagementStatus {
	width: 15%;
	padding: 9px 0 0px 0;
}
.userManagementPermissions {
	width: 35%;
	padding: 13px 3% 14px 3%;
	position: relative;
}
.userManagementPermissions a{
	z-index:1001;
	position:relative;
}
.userManagementToken {
	width: 18%;
	padding: 13px 0 14px 0;
}
.userManagementManage {
	width: 10%;
	padding: 13px 0 14px 0;
}
.userManagementDate {
	width: 25%;
}
.userManagementIP {
	width: 24%;
}
.userManagementDetails {
	width: 24%;
}
.userManagementReports {
	width: 26%;
}
.userManagementName, .userManagementStatus, .userManagementPermissions, .userManagementToken, .userManagementManage, .userManagementDate, .userManagementIP, .userManagementDetails, .userManagementReports { 
	float: left;
}
.userManagementName.head, .userManagementStatus.head, .userManagementPermissions.head, .userManagementToken.head, .userManagementDate.head, .userManagementIP.head, .userManagementDetails.head {
	border-right: 1px solid #c9c9c9; 
}
.userManagementDate, .userManagementIP, .userManagementDetails, .userManagementReports {
	padding: 13px 0 13px 0;
}
.userManagementStatus.head {
	padding-top: 13px;
	padding-bottom: 14px;
}
.lastRaw {
	border-radius: 0 0 6px 6px;
	position: relative;
}
.checkboxList li {
	float: left;
	margin-right: 25px;
}
.breadcrumb {
	background: url(../images/common/breadcrumbBg.jpg) 0 0 repeat-x; 
	border-radius: 3px;
	border: 1px solid #cacaca;
	float: left;
	margin: 0;
	padding: 0;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li.home {
	background: url(../images/common/home.png) 40% center no-repeat;
	text-indent: -9999px;
	width: 45px;
}
.breadcrumb li a{
	background: url(../images/common/arrow.png) right center no-repeat; 
	height: 38px;
	line-height: 38px;
	display: block;
	padding: 0 18px 0 15px;
	color: #717171;
	text-decoration: none;
}
.breadcrumb li a.last{
	background: none;
}
.IE7 .ieFix {
	width: 54% !important;
}
.IE7 .ieFixTwo {
	width: 18% !important;
}

/*-------- Pagination --------*/

.nextPage a {
	background-position: -270px 0;
}
.previousPage a { 
	background-position: -241px 0;
}
.nextPage a, .previousPage a { 
	width: 28px;
	height: 27px;
	display: block
}
.pagination ul li{
	float: left;
	text-align: center;
	margin-right: 5px;
}
.pagination ul li a{
	background: url(../images/common/sprite.png) -299px 0 no-repeat;  
	width: 27px;
	height: 27px;
	line-height: 27px;
	display: block;
	color: #717171;
	text-decoration: none;
}
.pagination ul li:hover a, .pagination ul li.active a{
	background: url(../images/common/sprite.png) -215px 0 no-repeat;
}

/*-------- Popups --------*/

.popupHead {
	line-height: 65px;
	color: #717171;
	font-size: 20px;
	background: #f1f1f1;
	padding-left: 55px;
}
.popupSubHead {
	line-height: 57px;
	color: #717171;
	font-size: 20px;
	padding-left: 55px;
	font-weight: normal;
}
.popupList li{
	width: 110px;
	float: left;
	margin-right: 30px;
	padding-left: 30px;
}
.popupList li.first{
	width: 70px;
}
.popupList li.last{
	width: 180px;
	margin-right:0;
}
.popupList li.lastBig{
	width: 280px;
	margin-right:0;
}
#attractionRequestContent .padding, #relationshipRequestContent .padding, #communicationRequestContent .padding, #menuRequestContent .padding {
	padding-left: 55px;
}
#cboxContent, #attractionRequestContent , #relationshipRequestContent, #communicationRequestContent, #menuRequestContent {
	border-radius: 8px;
}
.ui-dialog-titlebar, .ui-widget-content .ui-icon {
	display: none !important;
}
#dialog-confirm {
	height: 132px !important;
}
.ui-dialog-buttonset button {
	width: 107px;
	height: 35px;
	font-size: 14px;
	color: #fff !important;
	font-weight: bold !important;
	font-family: 'HelveticaNeue-Bold';
	background: url(../images/common/sprite.png) 0 0 no-repeat !important;
	border: 0 none;
}
.ui-dialog-buttonset button:last-child {
	background: url(../images/common/sprite.png) -108px 0 no-repeat  !important;
}

/*-------- Backgrounds, Images, Sprites and Buttons --------*/

.sprite {
	background: url(../images/common/sprite.png) no-repeat;
}
.blueBtn {
	background-position: 0 0;
}
.redBtn {
	background-position: -108px 0;
}
.blueBtn, .redBtn {
	width: 107px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	font-family: 'HelveticaNeue-Bold';
}
.graph {
	background-position: -357px 0;
	width: 15px;
	height: 12px;
	display: block;
}
.deleteUser {
	background-position: -342px 0;
	width: 14px;
	height: 16px;
	display: block;
}
.gender {
	background: url(../images/common/gender.png) 0 6px no-repeat;
}
.date {
	background: url(../images/common/date.png) 0 6px no-repeat;
}
.mail {
	background: url(../images/common/mail.png) 0 6px no-repeat;
}
.lightGray {
	color: #bababa;
}

/*-------- Misc --------*/

.alpha60 {
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}
.borderBtm {
	border-bottom: 1px solid #e0e0e0;
}
.borderTopRadius {
	border-radius: 8px 8px 0 0;
}
.hasDatepicker {
	background: url(../images/common/date.png) 95% center no-repeat !important;
}
/*-------- Width --------*/

.width35 {
	width: 35% !important;
}
.width40 {
	width: 40%;
}
.width45 {
	width: 45%;
}
.width50 {
	width: 50%;
}
.width55 {
	width: 55%;
}
.width60 {
	width: 60%;
}
.width65 {
	width: 65%;
}

.width78px {
	width: 78px;
}
.width175px {
	width: 175px;
}

/*-------- Margin --------*/

.marginTop03 { 
	margin-top:3px;
}
.marginTop38 { 
	margin-top:38px;
}
.marginRgt60 {
	margin-right: 60px !important;
}

/*-------- Padding --------*/

.paddingTop03 {
	padding-top: 3px;
}
.paddingTop35 {
	padding-top: 35px;
}
.paddingTop40 {
	padding-top: 40px;
}

/*-------- Added in development pahse --------*/

.message {
	padding: 3px 55px;
	z-index:5001;
    height: 20px;
	top:61px;
    position: fixed;
	color: #3C83B7;
	font-size: 14px;
	background: #f7f7f7;
	font-weight: bold;
}
.ajax_loader{
	left: 49.5%;   
	position:absolute;
}
.add_user .ajax_loader{
	 top: 634px;
}
#userReportLoading .ajax_loader{
	 top: 429px;
}
#forgot_password .ajax_loader{
	position:fixed !important;
}
.success {
	padding-bottom: 20px;
    padding-top: 10px;
	float: left
}
.inactiveBtn {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}
.inactiveBtn a{
  cursor:default;
}
.paddingBtm126 {
	padding-bottom: 126px;
}
.paddingLft02 {
	padding-left: 2px;
}
.paddingLft22 {
	padding-left: 22px;
}
a.btns  {
	line-height: 35px;
	text-decoration: none !important;
}
a.btns:hover, a.btns:visited{
	color: #fff;
}