/*------------------ begin Common section --------------- */
body {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	margin: 0px 0px 10px 0px;
	background-color: #F7F7F7;
}
div.container {
	width: 960px;
	background-color: #FFFFFF;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
} 
a, a:visited {
	color: #3268C8;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
}
.clearfloat {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
H1 {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	margin: 15px 0px 5px 10px;
}
H2, H3, H4 {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-weight: bold;
	width: 100%;
	margin: 0px 0px 7px 0px;
}
H3 {
	color: #5D5D5D;
}
H4 {
	margin: 15px 0px 0px 10px;
}
ul {
	margin: 0px auto;
	list-style-type: square;
}
/*------------------ end Common section --------------- */

/*------------------ begin Buttons section --------------- */
div.action {
	float: left;
	margin: 0px 0px 5px 20px;
	width: 264px;
}
div.btn-create, div.btn-login, div.btn-consulting, div.btn-delete, div.btn-search, div.btn-browse, div.btn-submit, div.btn-send {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 7px 0px 0px;
	padding: 4px;
	width: 70px;
	background-color: #009933;
	border: 1px solid #006600;
	border-radius: 5px;
}
div.btn-login {
	float: right;
	width: 60px;
	margin: 0px 10px 0px 0px;
	background-color: #C00000;
	border: 1px solid #990000;
}
div.btn-consulting {
	width: 130px;
	margin: 10px 0px 5px 10px;
}
div.btn-delete, div.btn-browse {
	color: #000000;
	width: 50px;
	margin: 0px auto;
	font-weight: normal;
	background-color: #CCCCCC;
	border: 1px solid #999999;
}
div.btn-search {
	width: 60px;
	font-weight: normal;
	margin: 7px 0px 0px 0px;
	background-color: #222222;
	border: 1px solid #0000AA;
}
div.btn-submit {
	margin: 0px 0px 0px 345px;
}
div.btn-send {
	margin: 0px 0px 0px 165px;
}
/*------------------ end Buttons section --------------- */

/*------------------ begin Header section --------------- */
div.header {
	background-color: #FFFFFF;
	height: 50px;
	width: 100%;
}
div.logo {
	float: left;
	padding: 15px 0px 10px 15px;
}
div.welcome {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	width: 250px;
	margin: 30px 0px 0px 165px;
}
div.menu {
	float: left;
	background-color: #000080;
	width: 100%;
	height: 32px;
	border-radius: 5px;
}
div.menu div.items {
	float: left;
	margin: 8px 0px 0px 10px;
	color: #FFFFFF;
}
a.menu, a.menu:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 7px 10px 0px 10px;
	color: #FFFFFF;
}
a.menu:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFFF00;
}
div.top-banner {
	float: left;
	width: 955px;
	height: 240px;
	padding: 1px 0px 0px 3px;
}
div.search {
	float: right; 
	width: 231px;
	margin: 1px 0px 0px 0px;
}
/*------------------ end Header section --------------- */

/*------------------ begin Spot section --------------- */
div.spot {
	float: right;
	width: 220px;
	background-color: #FFFFFF;
	margin: 15px 10px 0px 0px;
	padding: 0px 0px 7px 0px;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
}
span.mandatory {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #C00000;
}
div.login-header {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	width: 203px;
	margin: 0px auto;
	padding: 7px 7px 10px 10px;
	background-color: #EEEEEE;
	border-radius: 5px;
}
/*------------------ end Spot section --------------- */

/*------------------ begin Main section --------------- */
div.main {
	float: left;
	width: 707px;
	margin: 0px 0px 20px 10px;
}
div.text, div.blog, div.project {
	float: left;
	width: 680px;
	padding: 5px 10px 0px 10px;
}
div.blog {
	padding: 5px 10px 10px 10px;
}
div.project {
	width: 600px;
	margin: 5px 0px 5px 0px;
}
div.sender {
	float: left;
	width: 150px;
	margin: 10px 0px 0px 10px;
	color: #777777;
}
div.comment {
	float: right;
	width: 500px;
	margin: 10px 40px 10px 0px;
}
div.blog-topic {
	width: 250px;
	display: none;
}
div.icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 15px 10px 0px 50px;
	border: 1px solid #EEEEEE;
}
div.application, div.module {
	float: left;
	width: 210px;
	margin: 15px 0px 0px 20px;
}
div.module {
	width: 500px;
	padding: 0px 0px 10px 0px;
}
div.screenshot {
	float: left;
	width: 645px;
	height: 350px;
	margin: 20px 10px 0px 20px;
	border: 1px solid #EEEEEE;
}
div.cloud-img {
	float: left;
	width: 130px;
	margin: 20px 10px 5px 30px;
}
div.cloud {
	float: left;
	width: 450px;
	color: #777777;
	margin: 30px 0px 0px 50px;
}
div.consulting, div.company, div.signature {
	float: left;
	width: 607px;
	margin: 15px 0px 0px 20px;
	padding: 5px 20px 15px 20px;
	background-color: #EEEEEE;
	border-radius: 5px;
}
div.company {
	float: right;
	width: 430px;
	margin: 15px 30px 10px 0px;
	padding: 15px 20px 15px 25px;
}
div.signature {
	margin: 15px 0px 0px 10px;
	padding: 15px 20px 15px 40px;
}
div.global {
	float: left;
	width: 130px;
	margin: 15px 0px 0px 40px;
}
div.location {
	float: left;
	color: #777777;
	width: 100%;
	padding: 5px 10px 0px 10px;
}
div.headquarters {
	float: left;
	width: 230px;
	padding: 15px 0px 10px 30px;
}
div.contact, div.feedback {
	float: left;
	width: 420px;
	margin: 10px 0px 10px 0px;
}
div.feedback {
	width: 630px;
	margin: 5px 0px 10px 80px;
}
div.partner {
	float: left;
	width: 120px;
	height: 50px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #EEEEEE;
}
div.output {
	width: 100%;
	margin: 10px 0px 5px 25px;
}
div.content-list {
	float: left;
	width: 707px;
	padding: 0px 0px 5px 0px;
	margin: 5px 0px 10px 10px;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
}
div.content-block {
	float: left;
	width: 665px;
	margin: 5px 0px 10px 10px;
	padding: 10px;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
}
div.filter {
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 0px 12px 0px 0px;
}
select.priority, select.status, select.contact {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	width: 120px;
	margin: 2px 10px 0px 0px;
	padding: 3px;
	border: 1px solid #FFFFFF;
}
select.priority {
	width: 90px;
	margin: 2px 0px 0px 0px;
}
select.status {
	width: 111px;
	margin: 2px 0px 0px 0px;
}
select.contact {
	width: 165px;
	margin: 2px 0px 0px 0px;
}
div.paging {
	float: right;
	width: 220px;
	margin: 5px 8px 10px 0px;
}
span.page, span.page-active, span.filter, span.filter-active {
	padding: 3px 7px 3px 7px;
	border: 1px solid #E2E2E2;
	background-color: #F8F8F8;
}
span.page-active, span.filter-active {
	background-color: #E2E2E2;
}
div.login {
	float: left;
	width: 210px;
	margin: 10px 5px 5px 5px;
}
div.caption {
	float: left;
	width: 80px;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}
input.contact, input.login, input.search, input.number, input.number-brief, input.topic, input.path, input.warning {
	font: 100% Verdana, Arial, Helvetica;
	margin: 3px 0px 2px 1px;
	padding: 0px 2px 2px 2px;
	width: 163px;
	height: 20px;
	border: 1px solid #E2E2E2;
	background-color: #FFFFFF;
}
input.login {
	width: 119px;
}
input.search {
	float: left;
	margin: 8px 5px 0px 0px;
	width: 135px;
	border: 1px solid #C0C0C0;
}
input.number {
	margin: 3px 1px 2px 1px;
	width: 88px;
}
input.number-brief {
	margin: 3px 1px 2px 1px;
	width: 40px;
}
input.topic {
	width: 390px;
}
input.path {
	width: 369px;
}
input.warning {
	border: 1px solid #950516;
}
textarea.contact, textarea.memo, textarea.comment, textarea.warning {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	margin: 3px 0px 2px 1px;
	width: 444px;
	border: 1px solid #E2E2E2;
	background-color: #FFFFFF;
}
textarea.memo {
	width: 370px;
	margin: 3px 0px 2px 0px;
}
textarea.comment {
	width: 330px;
}
textarea.warning {
	width: 330px;
	border: 1px solid #950516;
}
div.memo {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 25px;
}
div.terms {
	float: left;
	margin: 10px 0px 10px 82px;
}
input.term {
	float: left;
	margin: 0px 5px 0px 5px;
}
div.sign-up {
	float: left;
	width: 300px;
	margin: 20px 0px 10px 30px;
}
div.benefits {
	float: left;
	width: 250px;
	margin: 23px 0px 0px 0px;
	padding: 10px 10px 17px 10px;
	border: 1px solid #E2E2E2;
	background-color: #F8F8F8;
}
div.password {
	float: left;
	margin: 5px 0px 0px 20px;
	width: 100px;
}
div.account-navigation {
	float: left;
	width: 550px;
	margin: 10px 0px 10px 50px;
}
div.quick-navigation {
	float: left;
	width: 195px;
	margin: 15px 0px 10px 20px;
}
div.link-image {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 50px;
}
div.link-brief {
	float: left;
	margin: 10px 0px 0px 30px;
	width: 400px;
}
div.column-left {
	float: left;
	width: 270px;
	margin: 0px 5px 0px 24px;
}
div.column-right {
	float: left;
	width: 300px;
	margin: 0px 5px 0px 6px;
}
div.topic, div.path {
	float: left;
	width: 590px;
	margin: 0px 5px 0px 24px;
}
div.path {
	width: 455px;
}
div.ticket-history {
	float: left;
	width: 618px;
	margin: 5px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #E2E2E2;
	background-color: #F8F8F8;
}
div.msg-client, div.msg-company, div.msg-body {
	float: left;
	width: 610px;
	margin: 3px 10px 0px 0px;
	color: #339933;
}
div.msg-company {
	color: #C00000;
}
div.msg-body {
	color: #000000;
	margin: 3px 10px 15px 0px;
}
div.logo-set {
	float: left;
	margin: 0px 0px 10px 110px;
	width: 500px;
}
/*------------------ end Main section --------------- */

/*------------------ begin Grid section --------------- */
div.grid-header, div.row-white, div.row-grey {
	float: left;
	width: 665px;
	background-color: #E2E2E2;
	border-radius: 5px;
}
div.grid-footer {
	float: left;
	width: 665px;
	margin: 5px 0px 0px 0px;
	border-top: 4px solid #E2E2E2;
}
div.row-white {
	background-color: #FFFFFF;
}
div.row-grey {
	background-color: #F8F8F8;
}
div.selection {
	float: left;
	width: 20px;
}
input.select {
	float: left;
	margin: 2px 5px 0px 5px;
}
span.name, span.selection, span.thumb, span.date, span.number, span.contact, span.priority, span.topic {
	float: left;
	width: 227px;
	height: 17px;
	margin: 0px 0px 0px 5px;
	padding: 5px;
	text-align: left;
	border-right: 1px solid #FFFFFF;
}
span.selection, span.thumb {
	margin: 0px auto;
	width: 20px;
	text-align: center;
}
span.date, span.number {
	width: 70px;
	text-align: right;
	margin: 0px auto;
	padding: 5px 10px 5px 5px;
}
span.contact {
	width: 156px;
}
span.priority {
	width: 5px;
	margin: 0px auto;
	text-align: center;
}
span.topic {
	width: 185px;
}
/*------------------ end Grid section --------------- */

/*------------------ begin Footer section --------------- */
div.footer {
	border-top: 1px solid #E2E2E2;
	width: 100%;
	height: 120px;
	background-color: #EFEFEF;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
} 
div.quick-link {
	float: left;
	width: 200px;
	color: #5D5D5D;
	margin: 5px 0px 0px 30px;
}
a.quick-link, a.quick-link:visited {
	text-decoration: none;
	color: #5D5D5D;
}
a.quick-link:hover {
	text-decoration: none;
	color: #CC0000;
}
div.copyright {
	float: left;
	padding: 10px 0px 20px 0px;
	color: #8D8D8D;
}
/*------------------ end Footer section --------------- */