/**
 * Header, footer and container backgrounds
 */
body, html {
	background-color: #eee;
	color: #252525;
	margin-top: 0px;
	padding-top: 0px;
}

div.header_container {
	background-color: #9f9f9f;
	border-bottom: 3px solid #4c4c4c;
}

div.content_container {
	background-color: #fff;
}

div.content_box {
	padding: 8px;
	margin-top: -0.5em;
	margin-bottom: 0.8em;
}

div.bar + div.content_box {
	background-color: #f5f5f5;
}

div.footer_container {
	border-top: 3px solid #4c4c4c;
}

div.footer {
	color: #ccc;
	font-size: 0.8em;
	text-align: center;
}


/**
 * Set standard elements to sane defaults
 */
hr {
	margin: 0px;
	padding: 0px;
}

a {
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	color: #252525;
}

li {
	list-style: none;
}

table {
	margin-bottom: 0.5em;
	border-collapse: collapse;
}

th {
	background-color: #eee;
	border-bottom: 1px solid #ababab;
}

th, td, tr {
	border-collapse: collapse;
	height: 1.7em;
	margin: 0px;
	padding: 0 0 0 5px;
}

tr.even td {
	background-color: #efefef;
}

tr.odd td {
	background-color: #f9f9f9;
}

tr.hover td, .mi.hover {
	background-color: #dddddd;
}

td.action {
	text-align: right;
	white-space: nowrap;
	width: 120px;
}

/**
 * Div boxes: titles, clickboxes
 */
/* Allow onclick on entire div, hide from IE/mac \*/
* html div.box,* html div.box {
	height: 9em;
	he\ight: 7em;
}

*.clickable {
	cursor: pointer;
}

*.selected {
	background-color: #F2F7E0;
	border: 2px solid #DEEEA3;
}

*.selected > legend {
	color:#264409;
}

*.sticky {
	margin-bottom: 0em;
}

*.positive {
	color:#264409;
}

*.negative {
	color:#8a1f11;
}

*.mediocre {
	color:#ff9000;
}

*.mark {
	font-weight: bold;
}

*.dark {
	background-color: #ddd;
}

*.light {
	background-color: #fbfbfb;	
}

*.link {
	text-decoration: underline;
}

div.title {
	background: #ccc url(/icon/application.png) no-repeat scroll 4px 4px;
	display: block;
	padding: 3px 4px 0px 26px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0em;
	height: 1.5em;
	clear: both;
}

fieldset > div.title {
	background: #eee;
	padding: 3px 4px 0px 4px;
}

fieldset > div.title.hover {
	background-color: #dddddd;
}

/* div.title span.action, div.bar.header span.action { */
div.title span.action {
	float: right;
	font-weight: normal;
	display: inline;
	margin-top: -1px;
	text-decoration: none;
}

/* div.title span.action > a, div.bar.header span.action > a { */
div.title span.action > a {
	text-decoration: none;
}

/* div.title span.text, div.bar.header span.text { */
div.title span.text {
	float: left;
}

div.title + div.error,  div.title + div.success {
	margin-top: 1em;
}

div.header > span.action > a {
	font-weight: normal;
	font-size: .9em;
}

div.header > span.action > a >  img {
	top: 0px;
}

span.info {
	font-style: italic;
	font-size: 1em;
}


div.header {
	background-color: #4c4c4c;
	color: #fff;
	font-weight: bolder;
	font-size: 1.1em;
	padding-left: 15px;
	margin-bottom: 0.5em;
	height: 1.5em;
	position: relative;
}

div.header a {
	color: #fff;
}

div.header img {
	vertical-align: middle;
}

div.box {
	border: 1px solid #c3c3c3;
	background-color: #fff;
	min-height: 50px;
	margin-bottom: 1em;
}

div.box.order {
	padding: 0.5em;
}

div.box.order > h4 {
	color: #666666;
}

div.box.order.subcategory {
	margin-left: 50px;
}

div.dialog, div.confirm {
	text-align: left;
}

div.confirm fieldset div.buttons {
	margin-left: 0;
	float: none;
	text-align: right;
}

div.dialog fieldset h3, div.confirm fieldset h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: -11px;
}

/**
 * Forms and form-likes (lists with properties etc)
 */
fieldset {
	background-color: #fff;
	margin: 0em 0em 1em 0em;
}

.side fieldset {
	margin: 0em;
	padding: 0em;
}

.side ul, .side ol {
	margin: 0.5em 1em 0.5em;
	padding: 0em;
}

legend {
	position: absolute;
	top: -.5em;
	left: .2em;
	font-size: 1em;
	color: #999;
}

fieldset dt {
	min-height: 2em;
	float: left;
	clear: left;
	width: 180px;
}

fieldset dd {
	min-height: 2em;
	margin-left: 0px;
	vertical-align: top;
	text-align: left;
}

fieldset dd > a {
	text-decoration: none;
}

fieldset dl.small_term dd {
	margin-left: 0px;
}

fieldset.contained, fieldset.contained dl {
	border: 0px;
	padding: 0;
	margin: 0.1em;
}

fieldset dl.small_term dd table {
	width: 520px;
}

fieldset a {
	text-decoration: none;
}

form {
	display: inline;
}

dt input {
	float: right;
}

label {
	cursor: pointer;
	float: none;
	font-weight: normal;
}

input, input.text, input.password, input.title, textarea, select {
	margin: 0px;
	margin-bottom: 0.5em;
	background-color: #ffffff;
}

input.text.narrow {
	width: 4em;
}

.radio {
	vertical-align: middle;
	margin: 2px;
	margin-right: 5px;
}

.checkbox {
	vertical-align: middle;
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
}

li input.text {
	width: 100%;
}

fieldset div.buttons {
	margin-left: 180px;
	float: left;
}

fieldset div.buttons.pad-bottom {
	margin-bottom: 1em;
}

div.buttons.previous {
	margin-left: 0px;
}

div.buttons.next {
	margin-left: 0px;
	float: right;
}

button {
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-size: 100%;
	line-height: 120%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	width: auto;
	overflow: visible;

	margin:0 7px 0 0;
	padding:4px 8px 4px 6px; /* Firefox */
}

*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}

button img, a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

button.positive, .buttons a.positive{
	color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.buttons a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

.buttons a.negative, button.negative{
	color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}

input.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}

input + span > img, input + img {
	vertical-align: middle;
}

/** * Clearfix * **/
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both }
* html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display: block; }
/* End hide from IE Mac */

/** * Block menu formatting (in product view etc) * **/
div.blockmenu { position: relative; border: solid 1px #ccc; margin-top: 2px; padding: 3px; width: auto; margin-bottom: 0.5em; font-weight: bold; width: 742px; }
div.blockmenu span { width: 121px; float: left; border: solid 1px #fff; text-align: center; background-color: #f6f6f6 }
div.blockmenu a { display: block; width: 115px; padding: 3px; text-align: center; text-decoration: none; }
div.blockmenu span.sel a, div.blockmenu a:hover { background-color: #666666; color: #fff; font-weight: bold; text-decoration: none }

/** * Top menu bar (when logged in etc) * **/
div.top_menu { background-color: #4c4c4c; height: 1.8em; margin-bottom: 0.9em; padding: 0px 15px 0 15px; clear: both; }
div.top_menu, div.top_menu a, div.top_menu a:hover, div.top_menu a:visited { color: #f8f8f8; text-decoration: none; }
#user_information { float: left; }
#user_information a { font-weight: bold;}
#menu { float: right; cursor: default; }
#menu, #menu a:hover, #user_information a:hover { color: #a1a1a1; }
.page_number { text-align: center;}
.page_number a { padding: 0 5px 0 5px }
.page_number > .current { font-weight: bold; padding: 0 5px 0 5px }

/** * Side menu bar * **/
div.content_box { padding: 0; }
.content_box ul a { color: #fff;}
.content_box ul { list-style: none; margin: 0; padding: 0; border: none; }
.content_box ul li { margin: 0; text-align: left; }
.content_box ul li a { display: block; }
.content_box ul li a { padding: 3px 3px 3px 0.6em; color: #000; text-decoration: none; width: 100%; }
html>body .content_box ul li a { width: auto; }
.content_box ul li a:hover { background-color: #999; color: #fff; font-weight: bold; }

/** * Ogone style  * **/
.ncoltable1, .ncoltable2, .ncoltable3 { width: 60%; text-align: center; margin: auto auto; margin-top: 20px; }
.ncoltable2 > tbody > tr > td { text-align: center; }
.ncoltable2 > tbody > tr > td.ncolinput { text-align: left; }
.ncoltxtl, .ncoltxtl2, .ncollogoc { text-align: right; }
.ncoltxtl2 small, .ncoltxtl small { display: block; width: 100%; text-align: right; font-weight: bold; font-size: 1em; }
.ncolinput { text-align: left; }
#submit3 { width: auto; height: 2.5em; vertical-align: middle; padding: 0px 2px 3px 2px; }
.ncol { color: #fff; font-weight: bold; width: auto; height: 2em; border: 1px solid #000; background-color: #666; }
.ncolh1 { text-align: center; font-weight: bold; }
.ncolh1 small { font-size: 1.2em; }
.ncollogoc { text-align: center; }
#NCOLPP { display: none; }
.ncollogoc img { display: none; }
.ncollogoc small small { display: none; }


#ajax_loading {
	position: absolute;
	top: 150px;
	padding-top: 30px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

table.sorteable thead tr th {
	cursor: pointer;
}

/** Default values in form fields **/

input.text.form_default {
	color: #999;
	font-style: italic;
}

/** Table sorter **/
.sorteable .header.headerSortDown {
	background-image: url('order_desc.gif');
}

.sorteable .header.headerSortUp {
	background-image: url('order_asc.gif');
}

.sorteable .header {
	background-position: right center;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-image: url('order_bg.gif');
}


div.title {
	background-color: #cccccc;
}

div.top_menu {
	background-color: transparent;
}

div.header_container {
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #545454;
	border-bottom-width: 3px;
}

div.footer_container {
	border-top-width: 0px;
	border-top-style: -1;
	border-top-color: #444444;
}

body, html {
	background-color: #ffffff;
	margin-top: 0px;
	padding-top: 0px;
}

div.footer {
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
}

div.header {
	background-color: #505050;
	color: #ffffff;
	font-weight: bolder;
	font-size: 1.1em;
	padding-left: 15px;
	margin-bottom: 0.5em;
	height: 1.5em;
}

div.content_container {
	background-color: #ffffff;
	padding-bottom: 2em;
	padding-top: 0em;
}

fieldset {
	background-color: #ffffff;
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
}

input, input.text, input.password, input.title, textarea, select {
	margin: 0px;
	margin-bottom: 0.5em;
	background-color: #ffffff;
	color: #000000;
}

.order_onlinebackup {
	background-image: url("/file/order_online_backup.png");
	background-repeat: no-repeat;
}

.order_domain {
	background-image: url("/file/order_domain.png");
	background-repeat: no-repeat;
}

.order_webhosting {
	background-image: url("/file/order_hosting.png");
	background-repeat: no-repeat;
}

.order_zarafa {
	background-image: url("/file/order_zarafa.png");
	background-repeat: no-repeat;
}

.order_credits {
	background-image: url("/file/order_credits.png");
	background-repeat: no-repeat;
}

div.header_container {
background-image: url(/file/top_bg.png);
height: 165px;
border-bottom: 0px;
}

div.header_container div.container {
height: 165px;
background-image: url(/file/top_bg_tux.png);
repeat: no-repeat;
}

div.content_container {
margin-top: -30px;
padding-top: 0px;
background-color: #f7f7f7;
}

div.top_menu {
margin-top: -23px;
}

#menu {
font-weight: bold;
}

div.footer {
background-image: url('/file/footer_logo.png');
height: 100px;
background-repeat: no-repeat;
background-position: 50% 0%;
}

div.footer_container {
background-image: url(/file/footer.png);
height: 100px;
}

.content_box ul li a:hover {
 background-color: #EFC62E;
 color: #000;
 font-weight: normal;
}
/**
 * Order process
 */
div.box.order {
height: auto;
min-height: 80px;
padding-left: 130px;
line-height: 1.12;
color: #444;
}

div.box.order u {
color: #000;
font-size: 1.15em;
}
div.box.order h4 {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 1.8em;
display: block;
}