/* 
 * Application.css
 * Project: Hailman.com v1
 * 
 * Author: Julian Schrader — Schrader Design and Development
 *
 * Created: 2009-05-18
 * Edited: 2009-05-18
 *
 * Copyright Julian Schrader
 * http://julianschrader.de
 * http://schrader.io
 */
 
/* NOTES */

/*
 * Hailman Colors
 *
 * Dark Blue: #0b7997
 * Light Blue: #7dd5f4
 * Sky Blue: #add3f2
 * Background: #efebe3
 *
 */
 


/* *** ERIC MEYER'S CSS RESET *** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
 
 
/* *** Elements *** */

html {
	background-color: #fff;
}

body {
	background-color: transparent;
	font: 14px/1.5 "Myriad Pro", helvetica, arial, sans-serif;
	color: #333;
	width: 960px;
	margin: 25px auto;
}

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

h1 {
	font-size: 218%;
}

h1 a {
	background: url(../images/logo.png) no-repeat left center;
	padding-left: 150px;
	height: 120px;
	text-indent: -5000px;
	display: block;
}

h2 {
	font-size: 164%;
}

h3 {
	font-size: 145%;
}

h4 {
	font-size: 118%;
}

h2, h3, h4, h5, h6, p, ol, ul {
	margin: .5em 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

ol, ul {
	list-style-type: disc;
	list-style-position: outside;
	color: #666;
}

ol {
	list-style-type: decimal;
	padding-left: 1em;
}

a, a:visited {
	color: #333;
	text-decoration: underline;
	transition-property: color;
	transition-duration: .5s;
	-webkit-transition-property: color;
	-webkit-transition-duration: .5s;
	-moz-transition-property: color;
	-moz-transition-duration: .5s;
}

a:hover, a:active {
	color: #999;
}


/* *** CLASSes *** */

/* Generic Utility */
/*.hide { 
	position: absolute; 
	top: -9999px; 
	left: -9999px; 
}*/

/* Availability */

.availability .currently {
	padding: 15px;
	padding-left: 42px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 145%;
}

.availability .free {
	background-image: url(../images/chalkwork/information_management/status/Status_Green_32x32.png);
	color: #0c0;
}

.availability .nearly_done {
	background-image: url(../images/chalkwork/information_management/status/Status_Yellow_32x32.png);
	color: #fcda38;
}

.availability .busy {
	background-image: url(../images/chalkwork/information_management/status/Status_Red_32x32.png);
	color: #c00;
}

.availability #switch a {
	padding: 5px;
	padding-left: 35px;
	text-decoration: none;
	background-position: 6px center;
	background-repeat: no-repeat;
	margin-right: 5px;
	display: block;
	float: left;
}

.availability #switch .free {
	background-image: url(../images/chalkwork/information_management/status/Status_Green_24x24.png);
}

.availability #switch .nearly_done {
	background-image: url(../images/chalkwork/information_management/status/Status_Yellow_24x24.png);
}

.availability #switch .busy {
	background-image: url(../images/chalkwork/information_management/status/Status_Red_24x24.png);
}


/* Contact Detail */

h3.contact_details {
	font-size: 118%;
}

ul.contact_details {
	list-style: none;
}

.contact_detail {
	background: transparent url(../images/chalkwork/basic/contact/Contact_16x16.png) no-repeat left center;
	padding-left: 20px;
	display: block;
	color: #666;
}

div.contact_detail {
	padding: 5px 4px 5px 22px; 
	margin-top: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: transparent url(../images/chalkwork/basic/contact/Contact_16x16.png) no-repeat 3px 8px;
}

.mobile {
	background-image: url(../images/chalkwork/information_management/mobile_phone/Mobile_Phone_16x16.png);
}

.phone {
	background-image: url(../images/chalkwork/information_management/phone/Phone_16x16.png);
}

.fax {
	background-image: url(../images/chalkwork/information_management/fax/Fax_16x16.png);
}

.email {
	background-image: url(../images/chalkwork/basic/mail/Mail_16x16.png);
}

.web {
	background-image: url(../images/chalkwork/basic/internet/Internet_16x16.png);
}

.skype {
	background-image: url(../images/social_networking/skype_16.png);
}

.gtalk {
	background-image: url(../images/social_networking/googletalk_16.png);
}

.icq {
	background-image: url(../images/social_networking/aim_16.png);
}

.msn {
	background-image: url(../images/social_networking/msn.png);
}

.twitter {
	background-image: url(../images/social_networking/twitter_16.png);
}

.xmpp {
	background-image: url(../images/chalkwork/information_management/conversation/Conversation_16x16.png);
}


/* Search Results */

.search_results {
	list-style: none;
}

.search_results > li {
	display: block;
	vertical-align: top;
	overflow: auto;
	margin-top: 1em;
	border-top: 1px solid #999;
	padding-top: .5em;
}

.search_results div.user_icon {
	overflow: auto;	
	padding: 7px 0; 
	float: left;
}

.search_results img.user_icon {
	padding: 2px;
	border: 1px solid #999;
	float: left;
}

.search_results img.status_on_user_icon {
	float: left;
	position: relative;
	left: -14px;
	top: -2px;
}

.search_results .username {
	font-size: 145%;
}

.search_results ul {
	overflow: auto;
	list-style: none;
}

.search_results ul li {
	float: left;
	margin-right: 1em;
}

.search_results .availability_state {
	float: right;
}

.search_results .free {
	color: #0c0;
}

.search_results .nearly_done {
	color: #fcda38;
}

.search_results .busy {
	color: #c00;
}


/* Buttons */

.button {
	float: right; 
	padding: 2px 4px 1px 22px; 
	margin-top: 12px;
	margin-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ddd url(../images/chalkwork/basic/user/User_Edit_16x16.png) no-repeat 3px center;
}

#STATUS .button {
	background-image: url(../images/chalkwork/information_management/status/Status_On_16x16.png);
}

#STATUS .button#embed {
	background-image: url(../images/chalkwork/information_management/status/Status_Share_16x16.png);
}

#ADDRESS .button {
	background-image: url(../images/chalkwork/information_management/map/Map_Edit_16x16.png);
}

#CONTACTDETAILS .button {
	background-image: url(../images/chalkwork/basic/contact/Contact_Edit_16x16.png);
}

.remove_contact_detail_button {
	padding: 2px 4px 1px 22px; 
	margin-top: 12px;
	margin-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ddd url(../images/chalkwork/basic/contact/Contact_Remove_16x16.png) no-repeat 3px center;
}

.add_contact_detail_button a {
	padding: 2px 4px 1px 22px; 
	margin-top: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ddd url(../images/chalkwork/basic/contact/Contact_Add_16x16.png) no-repeat 3px center;
}


/* *** IDs *** */

#notice, #error {
	font-size: 118%;
	text-align: center;
	padding: 7px;
	margin-top: -7px;
	margin-right: 160px;
	margin-left: 160px;
	margin-bottom: 14px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}

#notice {
	background-color: yellow;
}

#error {
	background-color: red;
}

#header {
	background: #7dd5f4 url(../images/menu-bg.png) repeat-x left top;
	padding: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

#badge {
	z-index: 10;
	float: left;
	margin: -7px 0 0 -7px;
	color: #c00;
	font-weight: bold;
	font-size: 145%;
}

#body {
	background-color: #fff;
	overflow: auto;
}

#footer {
	min-height: 50px;
	background: url(../images/footer-bg.png) repeat-x left bottom;
	border-top: 1px solid #0b7997;
	text-align: center;
	padding: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}


/* Profile Page */

#profile .sidebar {
	float: left;
	margin-right: 1px;
	overflow: auto;
	padding: 10px;
	background-color: #add3f2;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
}

#profile .content {
	margin-left: 180px;
}

#profile .user_icon {
	padding: 2px;
	margin: auto;
	border: 1px solid #999;
	background-color: #fff;
}

#profile .username {
	font-size: 145%;
}

#profile .availability_state {
	font-size: 145%;
	overflow: auto;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 37px;
	margin: 1em;
}

#profile p.free {
	background-image: url(../images/chalkwork/information_management/status/Status_Green_32x32.png);
	color: #0c0;
}

#profile p.nearly_done {
	background-image: url(../images/chalkwork/information_management/status/Status_Yellow_32x32.png);
	color: #fcda38;
}

#profile p.busy {
	background-image: url(../images/chalkwork/information_management/status/Status_Red_32x32.png);
	color: #c00;
}

#profile #dent_repair_specialist {
	width: 90%;
}

#profile h2 {
	margin-bottom: 0;
}

#profile h2 img {
	vertical-align: text-bottom;
}

#partnerLinks {
	margin: auto;
	margin-top: 1em;
	text-align: center;
	width: 700px;
	font-size: .8em;
}


/* Dashboard */

#CONTACTDETAILS ul li {
	float: left;
	margin-right: 2em;
	list-style: none;
}

#CONTACTDETAILS ul {
	overflow: auto;
	margin-bottom: 1em;
}


/* Login Form */

#login_form {
	margin: auto;
	float: right;
	background-color: #efebe3;
	padding: 1em;
	-webkit-border-radius: 7px;
	width: 35%;
}

#login_form .submit {
	text-align: right;
}

#login_form table {
	margin: auto;
	border-collapse: collapse;
}

#login_form td {
	padding: 7px;
}

#login_form td.label {
	text-align: right;
}


/* Sign up Form */

#signup_form {
	margin: auto;
	float: right;
	background-color: #efebe3;
	padding: 2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 35%;
}

#signup_form .submit {
	text-align: right;
}

#signup_form table {
	margin: auto;
	border-collapse: collapse;
}

#signup_form td {
	padding: 7px;
}

#signup_form td.label {
	text-align: right;
}


/* Home Screen */

div#dent_repair_specialist, div#entrepreneur {
	width: 43%;
	margin: auto;
	background-color: #efebe3;
	padding: 1em 2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

div#dent_repair_specialist {
	float: left;
}

div#entrepreneur {
	float: right;
}

a.call_to_action:before {
	content: "→ ";
}

a.call_to_action {
	font-weight: bold;
}


/* Search Screen */

#search_copy {
	margin: auto;
	background-color: #efebe3;
	padding: 2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}


/* User Bar */

#header .user {
	background-image: url(../images/chalkwork/basic/user/User_16x16.png);
}

#header .sign_out {
	background-image: url(../images/chalkwork/information_management/sign_out/SignOut_16x16.png);
}

#header .sign_in {
	background-image: url(../images/chalkwork/information_management/sign_in/Sign_In_16x16.png);
}

#header .sign_up {
	background-image: url(../images/chalkwork/basic/user/User_Add_16x16.png);
}


/* Menu Bar */

#menu {
	font-size: 145%;
	background: url(../images/menu-bg.png) repeat-x left bottom;
	padding: 0;
	border-top: 1px solid #0b7997;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	border-bottom: 1px solid #aaa;
}

#menu ul li {
	float: left;
	background: url(../images/menu-bg.png) repeat-x left bottom;
	padding: 0 .7em;
	transition-property: background-image;
	transition-duration: .5s;
	-webkit-transition-property: background-image;
	-webkit-transition-duration: .5s;
	-moz-transition-property: background-image;
	-moz-transition-duration: .5s;
}

#menu ul li + li {
	border-left: 1px dotted #999;
}

#menu ul li:hover {
	background: url(../images/menu-bg.png) repeat-x left top;
}

#menu a {
	display: block;
	height: 25px;
	padding: 7px 0;
	padding-left: 30px;
	text-decoration: none;
}

#menu a:hover {
	color: #eee;
}

#menu ul .home {
	background: url(../images/chalkwork/basic/home/Home_24x24.png) no-repeat left center;
}

#menu ul .search {
	background: url(../images/chalkwork/basic/search/Search_24x24.png) no-repeat left center;
}

#menu ul .sign_in {
	background: url(../images/chalkwork/information_management/sign_in/Sign_In_24x24.png) no-repeat left center;
}

#menu ul .sign_up {
	background: url(../images/chalkwork/basic/user/User_Add_24x24.png) no-repeat left center;
}

#menu ul .dashboard {
	background: url(../images/chalkwork/information_management/dashboard/Dashboard_24x24.png) no-repeat left center;
}

#menu ul .settings {
	background: url(../images/chalkwork/basic/settings/Settings_24x24.png) no-repeat left center;
}

#menu ul .admin {
	background: url(../images/chalkwork/information_management/control_panel/ControlPanel_24x24.png) no-repeat left center;
}



/* Weitere Angebote */

#more_offers a {
	display: block;
	min-height: 25px;
	padding: 7px 0;
	padding-left: 40px;
	font-size: 145%;
}

#haildoc-link {
	background: url(../images/chalkwork/information_management/weather/Weather_32x32.png) no-repeat left center;
}

#forum-link {
	background: url(../images/chalkwork/basic/comment/Comment_32x32.png) no-repeat left center;
}

#rt-link {
	background: url(../images/chalkwork/information_management/tools/Tools_32x32.png) no-repeat left center;
}

#wast-link {
	background: url(../images/chalkwork/basic/folder_open/Folder_Open_32x32.png) no-repeat left center;
}

#facebook-link {
	background: url(http://cdn.hailman.com/promotion/facebook_32.png) no-repeat left center;
}


/* Work by Schrader.io Design & Development */

#schrader a {
	text-align: center;
	margin: 2em auto;
	display: block;
}

#schrader img {
	opacity: .8;
}