/* project: internet services template
   author: luka cvrk (www.solucija.com) */
/* default styles
   -------------- */
a{
	color      : #ED3237;
	background : inherit;
}

body{
	padding     : 0;
	margin      : 0;
	background  : #FFFFFF;
	color       : #454545;
	font        : 0.7em Tahoma, sans-serif;
	line-height : 1.5em;
}

form{
	margin : 0;
}

h1{
	padding        : 7px 0 7px 8px;
	margin         : 0;
	font           : normal 2.1em Arial, Sans-Serif;
	letter-spacing : -1px;
}

h2{
	margin         : 0;
	padding        : 0;
	font           : bold 1.7em Arial, Sans-Serif;
	letter-spacing : -1px;
}

h2{
	margin-bottom : 5px;
	color         : #000000;
	background    : inherit;
	font-size     : 1.5em;
}

p{
	margin : 0 0 5px 0;
}

ul{
	margin     : 0;
	padding    : 0;
	list-style : none;
}

h1 a, h2 a{
	text-decoration : none;
}

.bar{
	clear      : both;
	color      : #FFFFFF;
	background : #ED3237;
	font-size  : 1.1em;
	height     : 30px;
}

.browse_category{
	width      : 190px;
	color      : #FFFFFF;
	background : inherit;
	font-size  : 0.9em;
}

/* layout
   ------ */
.content{
	margin  : 0 auto;
	/*width   : 98%;*/
	padding : 0px 10px 10px 10px;
}

.dark{
	color       : #967A5A;
	background  : inherit;
	font-weight : bold;
	font-size   : 30px;
}

/* footer
   ------ */
.footer{
	clear       : both;
	padding     : 2px 0 1px;
	margin      : 0;
	border-top  : 1px solid #CCCCCC;
	text-align  : center;
	line-height : 1.8em;
}

.grey{
	color       : #FF9933;
	background  : inherit;
	font-weight : normal;
}

.header{
	margin        : 3px 0;
	color         : #000000;
}

.image{
	float  : left;
	margin : 0 9px 3px 0;
}

/* left side
   --------- */
.left{
	float  : left;
	/*width: 70%;*/
	width  : 100%;
	margin : 0 0 10px 0;
}

.left_box{
	margin     : 0 0 0px;
	padding    : 2px 0 3px;
	color      : #000000;
	background : #FFFFFF;
	clear      : both;
}

.left_side{
	float          : left;
	width          : 180px;
	margin         : 10px 0;
	padding-top    : 0;
	padding-right  : 0;
	padding-bottom : 0;
}

/* right side
   ---------- */
.right{
	float  : right;
	width  : 29%;
	margin : 0 0 10px 0;
}

.right_articles{
	padding    : 8px;
	margin     : 0 0 3px;
	background : #F5F5F5;
	color      : #414141;
}

.right_side{
	float         : none;
	margin-left   : 10px;
	margin-bottom : 10px;
	padding-left  : 10px;
	background    : #FFFFFF;
	color         : #414141;
	font-size     : 14px;
	font-style    : normal;
}

.search_field{
	clear       : both;
	padding     : 7px 25px 10px 10px;
	margin      : 5px 0;
	background  : no-repeat right;
	color       : #333333;
	font-weight : bold;
}

.search_form{
	float : right;
}

.subheader{
	margin        : 0px 0 10px 0;
	border-bottom : 1px solid #EEEEEE;
	padding       : 5px 0 5px 0;
	background    : #A4A4A4;
	color         : #FFFFFF;
}

.top_info{
	float         : right;
	width         : 555px;
	padding       : 5px 0 4px 0;
	border-bottom : 1px solid #EEEEEE;
	background    : #EEEEEE;
	color         : #808080;
}

.top_info_left{
	width : 200px;
	float : left;
}

.top_info_right{
	float       : right;
	width       : 290px;
	padding     : 0 0 0 35px;
	border-left : 1px solid #EEEEEE;
}

a:hover{
	color      : #6C757A;
	background : inherit;
}

input.login{
	width   : 150px;
	border  : none;
	padding : 4px;
}

input.search{
	width       : 292px;
	border      : 0;
	padding     : 4px;
	background  : url(../images/input.gif) #FFFFFF no-repeat;
	color       : #E0691A;
	font-weight : bold;
}

input.submit, input.button, a.button{
	padding    : 4px;
	height     : 24px;
	margin     : 0 15px 1px 0;
	font       : bold 1em Arial, Sans-Serif;
	color      : #FFFFFF;
	min-width      : 65px;
	
	border     : 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed3237+0,68181e+100 */
	background: #ed3237; /* Old browsers */
	background: -moz-linear-gradient(top, #ed3237 0%, #68181e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ed3237 0%,#68181e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ed3237 0%,#68181e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3237', endColorstr='#68181e',GradientType=0 ); /* IE6-9 */
}
input.submit:hover, input.button:hover{
	color: #C0C0C0;
}
table input.submit, table input.button{
	margin     : 0 1px 1px 0;
}

a.button{
	border-radius: 3px;
	border     : 0;
	padding    : 4px 10px;
	background : url(../images/submit.gif) #E0691A no-repeat;
	color      : #FFFFFF;
	font       : bold 1em Arial, Sans-Serif;
	text-decoration: none;
}

.bar li{
	margin     : 0;
	padding    : 7px 5px 5px 5px;
	float      : left;
	color      : #FFFFFF;
	background : #ED3237;
	font-weight: bold;
}

.footer a{
	color      : #FF6633;
	background : #FFFFFF;
}

.g1{
	background: rgb(252,241,141); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,241,141,1) 0%, rgba(247,214,34,1) 40%, rgba(247,214,34,1) 60%, rgba(252,241,141,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,241,141,1)), color-stop(40%,rgba(247,214,34,1)), color-stop(60%,rgba(247,214,34,1)), color-stop(100%,rgba(252,241,141,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,241,141,1) 0%,rgba(247,214,34,1) 40%,rgba(247,214,34,1) 60%,rgba(252,241,141,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,241,141,1) 0%,rgba(247,214,34,1) 40%,rgba(247,214,34,1) 60%,rgba(252,241,141,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,241,141,1) 0%,rgba(247,214,34,1) 40%,rgba(247,214,34,1) 60%,rgba(252,241,141,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,241,141,1) 0%,rgba(247,214,34,1) 40%,rgba(247,214,34,1) 60%,rgba(252,241,141,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf18d', endColorstr='#fcf18d',GradientType=0 ); /* IE6-9 */
	
	
	-webkit-border-radius: 0px 3px 0px 0px;
	border-radius: 0px 3px 0px 0px; 
	color      : #FFFFFF;
}

.left h3{
	clear      : both;
	padding    : 7px 0 7px 5px;
	margin     : 0 0 0px 0;
	font       : bold 1em Tahoma, Arial, Sans-Serif;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed3237+0,68181e+100 */
	background: #ed3237; /* Old browsers */
	background: -moz-linear-gradient(top, #ed3237 0%, #68181e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ed3237 0%,#68181e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ed3237 0%,#68181e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3237', endColorstr='#68181e',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 0px 3px 0px 0px;
	border-radius: 0px 3px 0px 0px; 
	color      : #FFFFFF;
}

.left h3 a{
	background : none;
	color      : inherit;
}

.right h3{
	padding    : 7px 0 7px 5px;
	margin     : 0 0 3px 0;
	font       : bold 1em Tahoma, Arial, Sans-Serif;
	
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(254,201,2,1) 40%, rgba(254,201,2,1) 60%, rgba(254,201,2,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(40%,rgba(254,201,2,1)), color-stop(60%,rgba(254,201,2,1)), color-stop(100%,rgba(254,201,2,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(254,201,2,1) 40%,rgba(254,201,2,1) 60%,rgba(254,201,2,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(254,201,2,1) 40%,rgba(254,201,2,1) 60%,rgba(254,201,2,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(254,201,2,1) 40%,rgba(254,201,2,1) 60%,rgba(254,201,2,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(254,201,2,1) 40%,rgba(254,201,2,1) 60%,rgba(254,201,2,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ED3237',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 0px 3px 0px 0px;
	border-radius: 0px 3px 0px 0px; 
	color      : #FFFFFF;
}

.bar li a{
	color           : #FFFFFF;
	background      : inherit;
	font-weight     : bold;
	text-decoration : none;
}

.bar li.active{
	/*padding     : 7px 10px 6px 10px;*/
	background  : #AD2B2C no-repeat center top;
	color       : #FFFFFF;
	font-weight : bold;
}

.bar li a:hover{
	/*color : #383838;*/
}
.bar li.active a:hover{
	/*color : #E3C888;*/
}

.left_side a, .right_side a{
	color      : #414141;
	background : #FFFFFF;
}

h1 a:hover, h2 a:hover{
	color      : #FFFFFF;
	background : inherit;
}

#menu{
	float : left;
}

#menu li li{
	display  : block;
	position : relative;
	float    : left;
	clear    : left;
}

#menu li li.separator{
	border-top : 1px dashed #C0C0C0;
}

#menu ul{
	display          : none;
	background-color : #ED3237;
	position         : absolute;
	z-index          : 500;
	top              : auto;
}

#menu li a{
	padding     : 0px 2px;
	display     : block;
	white-space : nowrap;
}

#menu ul li{
	padding : 2px 12px;
}

#menu ul ul{
	top  : 0;
	left : 100%;
}

#menu li:hover{
	cursor  : pointer;
	z-index : 100;
}

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul{
	display : block;
}

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul{
	display : none;
}

.livrat{
	color : #228B22;
	cursor : default;
}

.retur{
	color : #FF0000;
	cursor : default;
}

.refuzat{
	color : #ff0da5;
	cursor : default;
}

.aviz{
	color  : #FF7F50;
	cursor : default;
}

.ridicat{
	color : #3a4d8b;
	cursor : default;
}

ul.accounts{

}

ul.accounts li{
	display       : block;
	float         : left;
	width         : 200px;
	height        : 20px;
	margin-right  : 10px;
	border-bottom : 1px dashed #9A9A9A;
}

ul.accounts li a.fle {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 150px;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.accounts li:hover{
	background-color : #F1F563;
}

ul.accounts li span{
	float : right;
}

ul.inline{
	display : inline;
}

ul.inline li{
	display : inline;
	margin  : 0px 2px;
}

.records:hover, .records.hl:hover{
	background-color : aqua;
}
.records.hl{
	background-color : #CBFF3B;
}

.frm label.print, label.print{
	margin     : 0px 2px 0px 0px;
	padding    : 2px 1px 1px 20px;
	background : url(../images/icons/printer.png) no-repeat 1px;
}

input.print{
	margin     : 0px 2px 0px 0px;
	padding    : 1px 1px 1px 17px;
	border     : 1px solid #B8B7C8;
	background : url(../images/icons/printer.png) no-repeat 1px;
}

.inchis{
	background-color : #FF4444;
	text-align       : center;
}

.deschis{
	background-color : #228B22;
	text-align       : center;
}

.inchis a, .deschis a{
	color : white;
}

#autocomplete{
	position         : absolute;
	z-index          : 250;
	left             : 0px;
	top              : 0px;
	border           : 1px solid #000000;
	display          : block;
	width            : 400px;
	height           : 100px;
	background-color : #FFFFFF;
	overflow         : auto;
	display          : none;
}

#autocomplete li{
	cursor : pointer;
}

#autocomplete li:hover{
	background-color : #66FFFF;
}

.vtext{

}

.vtext span{
	float : left;
	clear : left;
}

/*table th{
	white-space: nowrap;
}*/
table th a.asc{
	/*padding-right: 20px;*/
	background : url(../images/icons/bullet_arrow_up.png) no-repeat right center;
}

table th a.desc{
	/*padding-right: 20px;*/
	background : url(../images/icons/bullet_arrow_down.png) no-repeat right center;
}

img.ui-datepicker-trigger{
	padding: 1px 2px;
	vertical-align: top;
	cursor: pointer;
	float: left;
}

#export img.ui-datepicker-trigger{
	float: none;
}

#geo_alt{
	clear: both;
}
#geo_alt a{
	cursor: pointer;
}
#geo_alt a.accept{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/accept.png");
	text-indent: -999px;
}
#geo_alt a.add{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/add.png");
	text-indent: -999px;
}

td.detalii_destinatar_adresa{
	min-width: 150px;
}