/* GLOBAL FONTS
================*/

@font-face {
	font-family: Museo;
	src: url('../fonts/Museo500-Regular.otf')
}

@font-face {
	font-family: Museo;
	font-weight:bold;
	src: url('../fonts/Museo700-Regular.otf')
	
}

/* AJAX LOADING
=======================*/
#ajax-loading {
	float:right;
	display:none;
}

#ajax-loading img {
	float:right;
}



/* TOOL BAR 
================*/

#toolbar-contain {
	width:100%;
	height:55px;
	background-image:url('../images/suitsyou-toolbarbg.png');
	background-repeat:repeat-x;
	position:fixed;
	top:0px;
	z-index:1000;
	font-family: "Helvetica Neue", Arial, Verdana;
}

#toolbar {
	width:960px;
	margin:0 auto;
	height:38px;
	position:relative;
}

#toolbar .logo {
	position:absolute;
	top:-5px;
	left:0px;
	cursor:pointer;
}

/* TOOLS QUICK LAUNCH 
=======================*/

#launch-tools {
	float:left;
	height:28px;
	width:140px;
	margin: 0 0 0 110px;
	padding:10px 14px 0 14px;
	border-right:1px solid #d8d8d8;
	color:#3da3ce;
	text-shadow:#FFF 0px 1px 0px;
	cursor:pointer;
	z-index:999;
}

#launch-tools span {
	float:left;
	margin: 1px 0 0 0;
}

#launch-tools img {
	float:right;
}

/*=== TOOLS CONTENT ===*/

#tools {
	position:absolute;
	top:58px;
	left:109px;
	width:209px;
	background-color:#FFF;
	border:1px solid #b5b5b5;
	-moz-border-radius:0 4px 4px 4px;
	-webkit-border-radius:0 4px 4px 4px;
	display:none;
}

#tools ul {
	float:left;
	margin:6px 0 10px 0;
}

#tools li {
	float:left;
	clear:both;
	width:169px;
	margin:4px 10px 0 10px;
	padding:8px 0 8px 0;
	background-color:#e9e9e9;
	list-style:none;
	padding:10px;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	text-shadow:#FFF 0px 1px 0px;
}

#tools li:hover {
	background-color:#d8d8d8;
	text-shadow:#f3f3f3 0px 1px 0px;
}

#tools li a {
	float:left;
	color:#000;
	text-decoration:none;
	margin:2px 0 0 0;
}


#tools-tab {
	position:absolute;
	top:-59px;
	left:-1px;
	background-color:#FFF;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	width:140px;
	height:49px;
	color:#3da3ce;
	padding:10px 14px 0 14px;
	cursor:default;
}

#tools-tab span {
	float:left;
	margin: 1px 0 0 0;
}

#tools-tab img {
	float:right;
}

/* TAB ICONS */

.tab-dashboard {
	float:left;
	margin: 0 10px 0 0;
	width:16px;
	height:16px;
	background-image:url('../images/suitsyou-dashboard-icon.png');
	background-position:left 2px;	
}


.tab-newpage {
	float:left;
	margin: 0 10px 0 0;
	width:16px;
	height:16px;
	background-image:url('../images/suitsyou-newpage-icon.png');
	background-position:left 0px;	
}

.tab-enquiries {
	float:left;
	margin: 0 10px 0 0;
	width:16px;
	height:16px;
	background-image:url('../images/suitsyou-enquiries-icon.png');
	background-position:left 0px;	
}


.tab-time {
	float:left;
	margin: 0 10px 0 0;
	width:16px;
	height:16px;
	background-image:url('../images/suitsyou-time-icon.png');
	background-position:left 0px;	
}

.tab-structure {
	float:left;
	margin: 0 10px 0 0;
	width:16px;
	height:16px;
	background-image:url('../images/suitsyou-structure-icon.png');
	background-position:left 0px;	
}


/* PAGE SETTINGS
=======================*/

#page-settings {
	float:left;
	height:27px;
	width:100px;
	padding:10px 14px 0 14px;
	border-right:1px solid #d8d8d8;
	color:#3da3ce;
	text-shadow:#FFF 0px 1px 0px;
	cursor:pointer;
	margin: 0 0 0 109px;
}

.settings-selected {
	background-color:#FFF;
}

#page-settings span {
	float:right;
	margin: 1px 0 0 10px;
}

#page-settings img {
	float:left;
}

/* LOGOUT
=======================*/


#logout {
	float:right;
	cursor:pointer;
	margin: 7px 2px 0 0;
	background-position:left 0;
	background-color:#ff4f4f;
	border:1px solid #be0e0e;
	padding:4px 10px 4px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#logout:hover {
	background-position:left 40px;
}

#logout:active {
	background-position:left 20px;
}

#logout span {
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}


/* HINTS & TIPS
=======================*/

#hints {
	float:right;
	width:16px;
	height:37px;
	cursor:pointer;
	padding:0 10px 0 10px;
	border-right:1px solid #d8d8d8;
	margin: 0 16px 0 0;
}

#hints img {
	margin:10px 0 0 0;
	
}

#hints:hover {
	background-color:#FFF;
}


/* DASHBOARD
=======================*/

#dash {
	float:right;
	width:16px;
	height:37px;
	cursor:pointer;
	padding:0 10px 0 10px;
	border-right:1px solid #d8d8d8;
	margin: 0 16px 0 0;

}

#dash img {
	margin:12px 0 0 0;
}

#dash:hover {
	background-color:#FFF;
}

/* SITE ACTIVITY
=======================*/

#site-activity-toolbar {
	float:right;
	height:28px;
	width:118px;
	margin: 0 0 0 110px;
	padding:10px 14px 0 14px;
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	color:#648c04;
	text-shadow:#FFF 0px 1px 0px;
	cursor:pointer;
}

#site-activity-toolbar span {
	float:left;
	margin: 1px 0 0 0;
}

#site-activity-toolbar img {
	float:right;
}


/*=== TOOLS CONTENT ===*/

#activity {
	position:absolute;
	top:58px;
	left:328px;
	width:510px;
	background-color:#FFF;
	border:1px solid #b5b5b5;
	-moz-border-radius:4px 0px 4px 4px;
	-webkit-border-radius:4px 0px 4px 4px;
	display:none;
}

#activity ul {
	float:left;
	clear:both;
	margin:6px 0 10px 0;
}

#activity li {
	float:left;
	clear:both;
	width:490px;
	margin:4px 10px 0 10px;
	padding:0px 0 0px 0;
	background-color:#e9e9e9;
	list-style:none;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	text-shadow:#FFF 0px 1px 0px;
}

#activity li:hover {
	background-color:#d8d8d8;
	text-shadow:#f3f3f3 0px 1px 0px;
}

#activity li a {
	float:left;
	color:#000;
	text-decoration:none;
	margin:2px 0 0 0;
}

#activity .head {
	float:left;
	font-size:10px;
	color:#757575;
	border-bottom:1px solid #e3e3e3;
	padding:10px 10px 10px 10px;
	clear:both;
	width:490px;
	font-weight:bold;
	
	
}

#activity-tab {
	position:absolute;
	top:-59px;
	left:363px;
	background-color:#FFF;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	width:118px;
	height:49px;
	color:#648c04;
	padding:10px 14px 0 14px;
	cursor:default;
}

#activity-tab span {
	float:left;
	margin: 1px 0 0 0;
}

#activity-tab img {
	float:right;
}

#activity p {
	float:left;
	margin:9px 0 0 0;
	padding:0;
	font-size:11px;
	font-style:italic;
	text-shadow:none;
	width:435px;
}



#activity .user {
	color:#2363f6;
	font-weight:normal;
	margin:0 4px 0 0;
	float:left;
}

#activity .when {
	color:#2363f6;
	font-weight:normal;
	margin:0 0 0 0;
	float:right;
}

/* SLIPS
=======================*/

#slips-contain {
	width:100%;
	position:fixed;
	z-index:999;
}

.slip {
	width:860px;
	margin: 38px auto 0 auto;
	display:none;
	position:relative;
}

.slip .heading {
	font-family:Museo, "Helvetica Neue", Arial, Verdana;
	font-size:20px;
	color:#282828;
	float:left;
	width:818px;
	background-color:#ebebeb;
	text-shadow:#FFF 0px 1px 0px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #e5e5e5;
	padding:30px 20px 20px 20px;
}

.slip .heading span {
	color:#a6a6a6;
	margin: 0 0 0 5px;
	padding:0 0 0 10px;
	font-size:16px;
	border-left:2px solid #d5d5d5;
	
}


.slip .form {
	float:left;
	background-color:#FFF;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	clear:both;
	width:818px;
	padding:30px 20px 5px 20px;
}

.slip .form label {
	float:left;
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#282828;
	margin: 0 0 8px 0;
}

.slip .form input {
	font-family:"Helvetica Neue", Arial, Verdana;
	float:left;
	clear:both;
	font-size:11px;
	color:#878787;
	padding:8px;
	width:800px;
	margin: 0 0 20px 0;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-top:1px solid #9e9e9e;
	-moz-box-shadow:inset  0px 1px 0px #dedede;
}

.slip .form textarea {
	font-family:"Helvetica Neue", Arial, Verdana;
	float:left;
	clear:both;
	font-size:11px;
	color:#878787;
	padding:8px;
	width:800px;
	margin: 0 0 20px 0;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-top:1px solid #9e9e9e;
	-moz-box-shadow:inset  0px 1px 0px #dedede;
	height:54px;
}

.slip .submit {
	float:left;
	background-color:#b2e6fc;
	border:1px solid #6cc7ee;
	clear:both;
	width:818px;
	padding:20px;
	-moz-border-radius:0px 0px 3px 3px;
	-moz-border-radius:0px 0px 3px 3px;
}

.slip .submit span {
	float:left;
	font-weight:bold;
	margin: 8px 15px 0 0;
	font-size:10px;
	color:#282828;
}

.slip .submit select {
	float:left;
	border-left:1px solid #94bfd2;
	border-right:1px solid #94bfd2;
	border-bottom:1px solid #94bfd2;
	border-top:1px solid #94bfd2;
	padding:5px;
	width:180px;
	cursor:pointer;
}


.slip .submit .save {
	float:right;
	padding:6px;
	background-color:#bfff7a;
	border:1px solid #6dbd16;
	color:#40710b;
	width:145px;
	text-align:center;
	font-weight:bold;
	margin: 1px 0 0 5px;
	cursor:pointer;
	font-size:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.slip .submit .close {
	float:right;
	padding:6px;
	background-color:#ff4f4f;
	border:1px solid #be0e0e;
	color:#fff;
	width:145px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	font-size:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin: 1px 0 0 0;
}

.slip .loading {
	width:860px;
	background-image:url('../images/save-bg.png');
	position:absolute;
	top:0;
	left:0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
}


.required-field {
	background-color:#fffcfc;
	border-left:1px solid #ffc9c9 !important;
	border-right:1px solid #ffc9c9 !important;
	border-bottom:1px solid #ffc9c9 !important;
	border-top:1px solid #ff7e7e !important;
	background-position:left -10px !important;
	-moz-box-shadow:inset 0px 1px 0px #ffcfcf !important;
}

/* SUCCESS
=======================*/

#success {
	display:none;
	width:300px;
	margin:30px auto 0 auto;
	background-color:#fbfffa;
	border:1px solid #9be581;
	padding:30px 20px 20px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}