@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url("icons.min.css");

/* Dev */
.dev { border: 1px solid #F00; }

/* Layout */
* {
	padding: 0;
	margin: 0;
}

body {
	background: #fff;
	color: #555;
	font-size: 13px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height: 1.3em;
}

#logo {
	margin-bottom: 10px;
	margin-top: 10px;
}

#bodyWrap {
	position: relative;
	margin: 0px auto;
}

#contentWrap {
	padding-top: 20px;
	background: url(/images/layout/bgWrap.png) repeat-x;
}

.wrap {
	width: 960px;
	margin: 0px auto;
}

#breadcrumbs {
	font-size: 11px;
	margin-bottom: 10px;
	text-shadow:1px 1px 1px #fff;
}

#breadcrumbs a {
	color: #555;
	
}

/* Anchors */
a {
	color: #000;
}

a:hover {
	color: #777;
	text-decoration: underline;	
}

a.dlink{
	text-decoration: none;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif, Arial;
	margin-bottom: 10px;
}
h1 {font-size: 20px; font-weight: bold; color: #005e9f; line-height: 22px;}
h2 {font-size: 18px; }
h3 {font-size: 1.11em; color: #555; }
h4 {font-size: 1.1em; color: #555; }
h5 {font-size: 1.11em;	font-weight: bold;  color: #bd0061; margin-bottom: 5px; }
h6 {font-size: 1.1em; font-weight: bold; color: #bd0061; }

.blue { color: #005e9f; }

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

/* General */
.mt10 {	margin-top: 10px; }
.mt25 {	margin-top: 25px; }
.mb10 {	margin-bottom: 10px; }
.mb20 {	margin-bottom: 20px; }
.mb0	{ margin-bottom: 0px; }

/* Sidebar */
#sidebar {	
	width: 240px;
	float: right;
}

#sidebar .sidebarContent {
	border: 1px solid #FFF;
	background-color: #f2f2f2;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	box-shadow:1px 1px 3px #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 15px;
	text-shadow:1px 1px 1px #fff;
}

#sidebar .support ul a {
	text-decoration: none;
}

#sidebar .support ul li {
	list-style:inside square;
	margin-bottom: 3px;
	font-size: 11px;
}

#sidebar .support ul li:last-child {
	margin-bottom: 7px;
}

#sidebar .more {
	text-align: right;
}

/* Sidebar */
#contentbar {	
	width: 990px;
	padding: 0;
	margin: 0;
}

#contentbar .contentbarContent {
	margin-top: 10px;
	float: left;
	width: 298px;
	border: 1px solid #FFF;
	background-color: #f2f2f2;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	box-shadow:1px 1px 3px #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	text-shadow:1px 1px 1px #fff;
}

#contentbar .marges {
	margin-left: 15px;
	margin-right: 15px;
}

/* Products */
.product img {
/*	border: 1px solid #EEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}


/* UI Tabs */
#tabs div {
	overflow: hidden;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Tables */
table strong {
	font-weight: bold;
	font-size: 11px;
}

table
{
	width: 100%;
	border-collapse: collapse;
}

table td
{
	padding: 10px 0;
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

table tr td:first-child {
	border-top: 0px;
}

table tr td:last-child
{
	border-right: 0;
}

table tr:last-child td
{
	border-bottom: 0;
}

table tr:hover
{
	background-color: #f3f3f3;
}

/* Product images */
img#main {
	border: 1px #ccc solid;
	padding: 2px;
	margin-bottom: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*
nav {
	display: none;
	width: 320px;
	margin: 0px;
}
nav a {
	border: 1px #ccc solid;
	padding: 2px 2px 0;
	display: block;
	float: left;
	margin: 2px 4px 2px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;	
	transition: all .3s ease-in-out;		
}

nav a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);	
	transform: scale(1.1);				
}
nav a.active {
	background: #e5f4ff;
	border-color: #86b3d2;
}
*/

/* AddThis Vertical Layout Menu */
.addthis_toolbox .vertical {
    width: 100%;
    padding: 1px;
    font-size: 12px;
}

.addthis_toolbox .vertical a {
    position: relative;
    display: block;
    width: 102px;
    padding: 8px 0 4px 29px;
    text-decoration: none;
    color: #005e9f;
}

.addthis_toolbox .vertical a:hover {    
    color: #000;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .vertical span {
    position: absolute;
    left: 0px;
    top: 5px;
}


/* Footer */
#copyright, #powered {
	font-size: 10px;
	padding: 5px 10px 10px 10px;
	float: left;
}
#powered {
	float: right;
}
#powered a {
	color: #555;
	text-decoration: none;
}

/* Forms */
form{ padding:0;margin:0; }
form .text1, .text1{background:#ffffff url(../images/input1.png) no-repeat top left; border:1px solid #cccccc; padding:4px; color:#414042; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 5px; }
form .text2{background:#ffffff url(../images/input1.png) no-repeat top left; border:1px solid #cccccc; padding:1px 6px; color:#414042; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 5px;}
form .select1, select.select1{background:#ffffff url(../images/input1.png) no-repeat top left; border:1px solid #cccccc; padding:2px; color:#414042; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form .select2, select.select2{background:#ffffff url(../images/input1.png) no-repeat top left; border:1px solid #cccccc; padding:2px; color:#414042; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%;}
form .select2 option{padding:2px 0px 2px 2px; }
form .checkbox1{border:1px solid #cccccc; margin-right:6px; margin-top:1px; display:block; float:right; }
form .radio1{border:1px solid #cccccc; margin:2px 6px 0 0; display:block; float:left; }
form .submit3{background:#ffffff url(../images/input1.png) no-repeat top left; font-size:12px; border:1px solid #cccccc; padding:4px 2px; color:#414042; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form .error{border:1px solid #c02e19; }
form .modified{border:1px solid #888;background:#FFFBD4;}
form label { width: 100px; display: block; float: left; clear: left; padding-top: 8px;}

input.size1, textarea.size1{width:265px; }
input.size2, select.size2{width:60px; }
input.size3{width:35px; }
input.size4{width:215px; }
input.size5, .size5{width:98%; height:175px; }
input.size6, select.size6{width:70px; }
input.size7, select.size7{width:125px; }
input.size8{width: 96%;}
input.size9{width: 100%;}
input.size10, select.size10{width:175px; }
input.size11, textarea.size11{width:384px; }
input.size12{width:300px; }
input.size11_percentage { max-width:384px;width:95%; }

input.ar { text-align:right; }

select.size1{width:200px;}
select.size4{ max-width: 300px; }
select.size12{width:140px;}
select.size4f{ width: 300px; }

div .title{padding:0px 0px 5px 0px; display:block; }
div .title2{display:block; padding:0px 10px 5px 0px; float:left; min-width:130px; }
div .title2_value{display:block; padding:0px 0px 5px 0px; clear:right; min-width:10px; }
div .title2_value:after{clear:both; content:"."; display:block; height:0; visibility:hidden; zoom:1; } 

div .title2_sub{display:block; padding:0px 10px 0px 0px; float:left; min-width:130px; color:#ccc;}
div .title2_sub_value{display:block; padding:0px 0px 0px 0px; clear:right; min-width:10px; }
div .hide, div.ico.actionblock.hide { display:none; }

div.label_medium .title2 { min-width: 170px; }

/* form a{font-size:11px; }  /* 01-02-2012 removed, use .fontsmall instead */


form .add{position:relative; display:inline-block; *display:inline; padding:0px 0px 20px 0px; zoom:1;}
form .add span.add{background-color:#dbdbdb; display:block; padding:4px; font-size:11px !important; position:absolute; top:28px; right:0px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}
form .add.alt1{padding:0px 0px 0px 0px; }
form .add.alt1 a{position:absolute; top:1px; right:0px; text-decoration:none;}
form .add.alt1 a:hover{text-decoration:underline;}

form .space{padding:0px 15px 0px 15px; }


/* Buttons */
.button1, .button1 span{font-size:12px; line-height:30px; color:white; font-weight:bold; background-image:url(../images/button.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button1{padding:0px 0px 0px 16px; background-position:top left; }
.button1 span{height:30px; padding:0px 12px 0px 6px; margin-right:6px; background-position:top right; position:relative; left:6px; }
.button1.alt1{padding:0px 0px 0px 0px; background-position:top left;}
.button1.marginright{margin-right:30px;}

.button1.add_icon{background-image:url(../images/button1.png);}
.button1.delete_icon{background-image:url(../images/button3.png);}
.button1.edit_icon{background-image:url(../images/button4.png);}
.button1.money_icon{background-image:url(../images/button5.png);}
.button1.send_icon{background-image:url(../images/button6.png);}
.button1.debtor_icon{background-image:url(../images/button7.png);}

.button2, .button2 span{font-size:12px; line-height:30px; color:white; font-weight:bold; background-image:url(../images/button2.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:default; }
.button2{padding:0px 0px 0px 16px;  background-position:top left;}
.button2 span{height:30px; padding:0px 12px 0px 6px; margin-right:6px; background-position:top right; position:relative; left:6px; }
.button2.alt1{padding:0px 0px 0px 0px; background-position:top left;}

.button8, .button8 span{font-size:12px; line-height:30px; color:white; font-weight:bold; background-image:url(../images/button8.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button8 span{height:30px; padding:0px 12px 0px 6px; margin-right:6px; background-position:top right; position:relative; left:6px; }

.button9, .button9 span{font-size:12px; line-height:30px; color:white; font-weight:bold; background-image:url(../images/button9.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.button9 span{height:30px; padding:0px 12px 0px 6px; margin-right:6px; background-position:top right; position:relative; left:6px; }

.fl {
	float: left;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.pt20 {
	padding-top: 20px;
}

.clear {
	clear: both;
}

/* Product select */
.prodSelect img {
	border: 2px solid #FFF;
	background-color: #f2f2f2;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	box-shadow:1px 1px 3px #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 20px;
}

.prodSelect h2 {

}

.prodSelect span {
	display: block;
	font-weight: bold;
	width: 155px;
	margin-bottom: 25px;
	font-size: 12px;
	text-align: center;
}

.prodSelect a:hover img {
	/*border-color: #999;*/
	-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	box-shadow:1px 1px 3px #333;
 -webkit-transition:box-shadow 0.2s ease-in;  
   -moz-transition:box-shadow 0.2s ease-in;  
   -o-transition:box-shadow 0.2s ease-in;  
   transition:box-shadow 0.2s ease-in; 
}

/* Buttons */
.button_link {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:normal;
    padding:6px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    margin-right: 5px;
}
.button_link:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
    color: #FFF;
    text-decoration: none;
}
.button_link:active {
    position:relative;
    top:1px;
}