<!--

/* ### 1st Easy 2008 Kayako ### */

/* ### General/Fonts ### */

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	background-color: #fff;
	text-align: center;
	height: 100%;
}

table, div, a, input, select, textarea {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

font, td, th, p {
	font: 1.2em/1.8em Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

em, i {
	line-height: 1.8em;
}

textarea {
	font: 1.1em/1.6em Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

h1 {
	font: 1.3em/1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	margin:  0 0 0 15px !important;
	padding: 8px 0 0 0 !important;
}

h1.confirmed {
	font-size: 1.2em;
	height: 18px;
	margin: 10px 0 30px 0;
	padding: 2px 0 0 23px;
	background: url(../exports/bullet_tick.png) no-repeat !important;	
}

h2 {
	margin: 56px 0 0 23px;
	padding: 0;
	font: 1.2em Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
}

h3 {
	font-size: 1.2em;
	height: 18px;
	margin: 0 0 3px 0;
	padding: 2px 0 0 23px;
	background: url(../exports/h3_bgrd.gif) no-repeat;
}

td h3 {
	font-size: 1.1em;
}


h4 {
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
	color: #000;
}

p {
	margin-bottom: 20px;
}

b, strong {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

table {
	font-size: 1em;
}

td {
	vertical-align: top;
	padding: 2px;
}

th {
	font-weight: bold;
	white-space: nowrap;
	padding: 2px;
}

hr {
	background-color: #fff;
	border: 0;
	height: 1px;
	margin: 0;
	color: #fff;	
}

	html>body hr {
		margin: 0 0 15px 0;
	}	

.shout, .warning {
	padding: 8px 15px 8px 8px;
	background: #e6e6ff url(../exports/shout_bgrd.png) repeat-x;
	background-position: top left;
	border: 1px solid #b0b0ff;
	margin: 25px 0 25px 0;
}

.shout p, .warning p {
	background: url(../exports/bullet_info.png) no-repeat;
	background-position: 0 1px;
	padding: 0 !important;
	margin: 0 !important;
	padding-left: 25px !important;
}

.warning p {
	background: url(../exports/bullet_warning.png) no-repeat !important;
}

img {
	display: block;
	border: 0;
}

.error {
	color: red;
	font-weight: bold;
}

.green {
	color: green;
	font-weight: bold;
}

.blue {
	color: blue;
	font-weight: bold;
}

.post_date, ticket_brief {
	font-size: 1em;
	padding: 3px 0 3px 6px;
	background: #e6e6ff url(../exports/shout_bgrd.png) repeat-x;
}




/* ### Lists ### */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main_content ul {
	padding-top: 10px;
}





/* ### Main Layout ### */

#wrapper {
	width: 730px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 85px; 
	margin-top: 20px;
	clear: both;
}

#logo {
	float: left;
	position: relative;
	bottom: 0;
	left: 30px;
}

#company_nav {
	background: url(../exports/sales_phone.gif) top right no-repeat;
	margin: 25px 0 0 0;
	float: right;
	text-align: right;
	width: 75%;
	height: 47px;
}

	html>body #company_nav {
		margin: 25px 0 0 0;
	}

#company_nav ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
}

#company_nav li {
	display: inline;
	font-size: 1.1em;
	padding: 0 2px 0 0;
	margin: 0;	
}

#support_head {
	background: #235282 url(../exports/top_nav_bgrd.png) repeat-x;
	border-bottom: 5px solid #213967;
	height: auto;
	padding-bottom: 7px;
	padding-right: 7px;
}

	html>body #support_head {
		/* height: 28px; */
		height: auto;
	}

#main {
	border: 1px solid #b9b9b9;
	border-width: 0 1px 1px 1px;
	text-align: center;
}

#main_content {
	width: 670px;
	clear: both;
	margin: 0 auto;
	text-align: left;
	padding: 30px 0 0 0;
}

#main_content ul {
	margin: 0 0 13px 15px;
}

#main_content li {
	font-size: 1.2em;
	line-height: 1.7em;
	background: url(../exports/bullet_li_jump.gif) no-repeat !important;
	background-position: 0 8px !important;
	padding: 0 0 10px 13px;
	width: 85%;
}

#footer {
	clear: both;
	height: 160px;
	text-align: center;
	padding: 25px 0 0 0;
	position: relative;
	bottom: 1px;
	background: #213967 url(../exports/footer_bgrd.png) repeat-x top;
}

	html>body #footer {
		height: 125px;
	}

#footer p {
	color: #b0cdea;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}





/* ### Tables ### */

.tab_head th {
	text-align: left !important;
	color: #fff;
	background: url(../exports/th_bgrd.png) repeat-x;
	border: 1px solid #1d446b !important;
	border-bottom: none !important;
}

.tab_head {
	border-bottom: 1px solid #1d446b !important;	
}

.tab_formatted {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin: 10px 0 20px 0;
	border: 1px solid #1d446b;
}

.tab_formatted th {
	padding: 5px 5px 5px 10px;
}

.tab_formatted td {
	padding: 10px 5px 10px 10px;
}

.tab_formatted th {
	vertical-align: top;
}

.tab_heading {
	background: url(../exports/th_bgrd.png) repeat-x;
}

.tab_icons {
	margin-bottom: 20px;
}

.tab_icons td {
	padding: 15px;
}

td ul li {
	font-size: 1em !important;
}





/* ### Forms ### */

input, select {
	vertical-align: middle;
	color: #000;
}

textarea {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	padding: 0 5px 5px 5px;
	width: 400px;
	height: 200px;
	overflow: auto;
}





/* ### Links ### */

a:link {
	font: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration: underline;
}

a:visited {
	font: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration: underline;
}

a:hover {
	font: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration: none;
}

#company_nav a {
	color: #373737;
	padding-right: 1px;
}

#support_head a {
	color: #fff;
}

#footer a:link, #footer a:visited, #footer a:hover {
	color: #b0cdea;
}

h3 a:link, h3 a:visited, h3 a:hover {
	position: relative;
	bottom: 4px;
}

-->