
/* **********     Stiluri folosite pentru layout si elemente generale     ********** */


body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#FFFFFF; }

a { color:#003366; text-decoration:underline; }
a:hover { color:#CC0066; /*#FF9900;*/ }

p { margin:0px; }

img { border:0px; }

ul, ol { margin-top:0px; margin-bottom:0px; }

h1 { margin:0px; margin-top:10px; margin-bottom:2px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#950064; /*color:#ff9900; background-color:#FFFFFF;*/ }
h1 a { color:#950064; text-decoration:underline; }
h1 a:hover { color:#003366; text-decoration:underline; }

h2 { margin:10px 10px 2px 0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; /*background-color:#FFFFFF;*/ }

h3 { margin:10px 10px 2px 0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; /*background-color:#FFFFFF;*/ }
h4 { margin:2px 10px 2px 0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; /*background-color:#FFFFFF;*/ }

h5 { margin:0px; margin-top:4px; padding:0px; text-align:left; font-size:0.9em; color:#999999; font-weight:normal; }
h6 { margin:0px; margin-top:4px; margin-right:10px; padding:0px; text-align:right; font-size:1em; }



form { margin:0px; padding:0px; }




div.vgAll { text-align:center; margin-top:0px; padding-top:0px;}
div.vgContainer { text-align:left; margin:0px auto; width:980px;}

div.vgHeader { position:relative;}
div.vgLogo { position:absolute; left:0px; top:0px; z-index:2;}
div.vgLang { position:relative; top:10px; height:38px; z-index:1; text-align:right;}


div.vgContent {
	/*background-color: #eeeeee;*/
}

div.vgBreadcrumb { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin-top:4px; margin-bottom:4px; padding:0px; /*background-color:#eeeeee;*/ }
div.vgBreadcrumb a { color:#999999; }
div.vgBreadcrumb a:hover { color:#003366; }



div.vgFooterBar { margin-top:4px; margin-bottom:4px; padding:10px; text-align:center; font-size:12px; }
div.vgDisclaimer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; /*border:1px solid #999999;*/ padding:10px; background-color:#eeeeee; margin-top:4px; }
div.vgDisclaimer p { text-align:center; font-size:10px; padding:4px; }
div.vgCopy { text-align:center; padding:10px; font-size:11px; color:#999999; }


div.colLeft { margin:0px; margin-top:10px; width:210px; float:left; overflow:visible; }
div.colMain { margin:0px; margin-top:10px; width:770px; float:left; overflow:visible; }
div.insideMain { margin-left:10px; }
div.afterMain { margin:0px; /*margin-top:10px;*/ clear:both; }


div.colContent { margin:0px; /*margin-top:10px;*/ width:510px; float:left; overflow:visible; }
div.insideContent { margin:10px; /*margin:10px 20px; border:1px solid #eeeeee; padding:20px;*/}
div.insideContentSpatiat { margin:20px; /*margin:10px 20px; border:1px solid #eeeeee; padding:20px;*/}
div.colRight { margin:0px; /*margin-top:10px;*/ width:260px; float:left; overflow:visible; }
div.afterContent { margin:0px; margin-top:10px; clear:both; }


div.breadcrumbCol { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin:0px 0px 0px 10px; /*margin-top:4px; margin-bottom:4px;*/ padding:0px; /*background-color:#eeeeee;*/ }
div.breadcrumbCol a { color:#999999; }
div.breadcrumbCol a:hover { color:#003366; }



div.insideContent h1 { font-size:22px; font-weight:normal; margin-top:20px; margin-bottom:20px; color:#950064; }
div.insideContent p { margin-bottom:20px; line-height:140%; }
div.insideContent p.continuat { margin-bottom:4px; }
div.insideContent ul { margin-bottom:20px; }
div.insideContent table { margin-bottom:20px; }




div.c2Left { margin:0px; padding:0px; width:720px; float:left; overflow:visible; }
div.c2Inside { /*margin:10px 10px 10px 0px;*/ padding:10px 10px 10px 0px; }
div.c2InsideSpatiat { /*margin:10px 10px 10px 0px;*/ padding:20px 20px 20px 0px; }
div.c2Right { margin:0px; width:260px; float:left; overflow:visible; }
div.c2After { margin:0px; /*margin-top:10px;*/ clear:both; }

div.c2Breadcrumb { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin:4px 10px 0px 0px; /*margin-top:4px; margin-bottom:4px;*/ padding:0px; /*background-color:#eeeeee;*/ }
div.c2Breadcrumb a { color:#999999; }
div.c2Breadcrumb a:hover { color:#003366; }










/*
Elemente generale, folosite in toate zonele
*/





ul.triunghi {
	margin: 0px 0px 0px 2px;	/* marginea din stanga e necesara ca sa se vada bullet-urile in IE */
	padding: 4px 0px 0px 6px;	/* celelalte margini si padding-urile e bine sa fie 0 */
								/* padding-ul stanga poate fi folosit ca pentru <p>, <h1> */
	/*font-size: 11px;*/
}
ul.triunghi li {
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 4px 10px;	/* top, bottom: vreau eu spatiu intre randuri, dar poate lipsi */
								/* right: sa nu ne lipim de marginea layout-ului in dreapta */
								/* left: indentarea fata de bullet - toate randurile */
	list-style-type: none;
	background: url(../imgMedia/tri_7y.gif) no-repeat;
	background-position: 0px 4px;
}



ul.van {
	margin: 0px 0px 0px 2px;	/* marginea din stanga e necesara ca sa se vada bullet-urile in IE */
	padding: 4px 0px 0px 6px;	/* celelalte margini si padding-urile e bine sa fie 0 */
								/* padding-ul stanga poate fi folosit ca pentru <p>, <h1> */
	/*font-size: 11px;*/
}
ul.van li {
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 4px 14px;	/* top, bottom: vreau eu spatiu intre randuri, dar poate lipsi */
								/* right: sa nu ne lipim de marginea layout-ului in dreapta */
								/* left: indentarea fata de bullet - toate randurile */
	list-style-type: none;
	background:url(../imgMedia/van_9b.gif) no-repeat;
	background-position: 0px 4px;
	
	margin-top:6px;
	margin-bottom:6px;
}


ul.sq_7 {
	margin: 0px 0px 0px 2px;	/* marginea din stanga e necesara ca sa se vada bullet-urile in IE */
	padding: 4px 0px 0px 6px;	/* celelalte margini si padding-urile e bine sa fie 0 */
								/* padding-ul stanga poate fi folosit ca pentru <p>, <h1> */
	/*font-size: 11px;*/
}
ul.sq_7 li {
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 4px 14px;	/* top, bottom: vreau eu spatiu intre randuri, dar poate lipsi */
								/* right: sa nu ne lipim de marginea layout-ului in dreapta */
								/* left: indentarea fata de bullet - toate randurile */
	list-style-type: none;
	background:url(../imgMedia/sq_7g.gif) no-repeat;
	background-position: 0px 5px;
	
	margin-top:6px;
	margin-bottom:6px;
}


ul.sq_7g {
	margin: 0px 0px 0px 2px;	/* marginea din stanga e necesara ca sa se vada bullet-urile in IE */
	padding: 4px 0px 0px 6px;	/* celelalte margini si padding-urile e bine sa fie 0 */
								/* padding-ul stanga poate fi folosit ca pentru <p>, <h1> */
	/*font-size: 11px;*/
}
ul.sq_7g li {
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 4px 14px;	/* top, bottom: vreau eu spatiu intre randuri, dar poate lipsi */
								/* right: sa nu ne lipim de marginea layout-ului in dreapta */
								/* left: indentarea fata de bullet - toate randurile */
	list-style-type: none;
	background:url(../imgMedia/sq_7g.gif) no-repeat;
	background-position: 0px 5px;
	
	margin-top:6px;
	margin-bottom:6px;
}


ul.rarit li { margin-top:6px; margin-bottom:6px; }


.griBorder { background-color:#eeeeee; border:1px solid #cccccc; }


.mic { font-size:10px; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ }
.mic a { text-decoration:none; }
.mic a:hover { text-decoration:underline; }


div.indentat { margin-left:60px; margin-bottom:20px; }
div.indentat li { margin-top:4px; margin-bottom:4px; }
div.indentat p { margin-left:30px; }
p.indentat { margin-left:40px; }


.verde { color:#008000; }
.rosu { color:#CC0000; }
.negru { color:#000000; }
.bFuchsia { font-weight:bold; color:#cc0066; }
a.bFuchsia { font-weight:bold; color:#cc0066; text-decoration:underline; }
a.bFuchsia:hover { font-weight:bold; text-decoration:underline; color:#000000; }

.mic { font-size:10px; color:#999999; }


.highlight { padding:4px; background-color:#eeeeee; margin-right:0px; }

.chenar { border: 1px solid #000000; }

.distantat { border-bottom: 1px solid #ffffff; }

div.clearing { margin:0px; padding:0px; clear:both; }


div.sectSpatiata {}
div.sectSpatiata h2 { margin-top:20px; margin-bottom:20px; font-size:12px; }
div.sectSpatiata h3 { margin-top:20px; margin-bottom:0px; font-size:12px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; }
div.sectSpatiata p { margin-top:0px; margin-bottom:10px; }


input.text { font-size:12px; padding:1px; border:1px solid #999999; }
input.buton { font-size: 11px; font-weight: bold; letter-spacing: .1em; border: 1px solid #ccc; border-bottom: 1px solid #666666 /*#CFC7B9*/; border-right: 1px solid #999999 /*#CFC7B9*/; height: 19px; padding-left: 3px; padding-right: 3px; background: url(../imgMedia/bgButon_01.gif) repeat-x; }


a.butonblue 
{
	background: url(../img/btb.png) repeat;
	background-position: 0px 0px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
	color:#fff;
	display:block;
	float:left;
	padding:3px 10px;
	-moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -webkit-border-radius:5px;  
}
a.butonblue:hover
{
	background: url(../img/btbx.png) repeat;
	background-position: 0px 0px;
	text-decoration:none;
}

/* ACESTE RANDURI TREBUIE SA FIE LA SFARSIT */
/*
#popup_description{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
//Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
*/

#popup_description
{
	border: 1px solid #5B709F;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	width: 250px;
	z-index: 100;
	background-color:#E6EAF4;
}

/* Stil pentru 360 help*/
a.logotradeville {
	text-decoration: none;
	background-image: url(../imgMedia/logotradeville.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding: 0px;
	height: 29px;
	width: 165px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.qa-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #906;
	text-decoration: none;
	width: 760px;
	padding-bottom: 5px;
	padding-top: 10px;
	clear: both;
}
.qa-table1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 760px;
	background-color: #ccc;
}
.qa-table1 tr {
	background-color: #0F6;
}
.qa-table1 td {
	background-color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	text-align: center;
}
.qa-table1 .qa-tr1 td {
	font-weight: bold;
	color: #fff;
	background-color: #00547D;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.qa-table_ind {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 1200px;
	background-color: #ccc;
}
.qa-table_ind tr {
	background-color: #0F6;
}
.qa-table_ind td {
	background-color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	padding-right: 5px;
}
.qa-table_ind .qa-tr1 td {
	font-weight: bold;
	color: #fff;
	background-color: #00547D;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

tr.qa-tr2:hover {
	background-color: #ccc;
}
.qa-table_ind .qa-tr1 td a{
	color: #fff;
	text-decoration:none;
	cursor:default;
}
.qa-tr3 td {
	background-color: #f5f5f5;
}
.qa-bold {
	font-weight: bold;
	color: #00547d;
}
.qa-bold a {
	font-weight: bold;
	color: #00547d;
	text-decoration:none;
	cursor:default;
}
.qa-normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	width: 760px;
}
.qa-fucs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #906;
}
.qa-blue-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #00547d;
}
.qa-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7d8b00;
}

.qa-mic11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #95987C;
}
br.qa10 {
	display: block;
	margin-bottom: 10px;
}
br.qa5 {
	display: block;
	margin-bottom: 5px;
}
.qa-green2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d8b00;
}
/*end stil 360 help*/